如何制作表格可填充？

Question

我试图做一个良好的用户界面，通过使表格单元格更新，只需双击单元格，使单击的单元格输入类型的值=现有的单元格值。

到目前为止，我已经设法通过在表格单元内集成输入类型来实现这一点。

<td class=""><input type="text" ng-model=""></td> 

我在想，如果我在正确的轨道上，因为我的目标是用最好良好UX良好的UI了。我正在使用Laravel和AngularJS。

如果我是如何使输入框边框填充整个单元格？

Answer 1

CSS的一些明智的应用程序可以得到你想要的布局：

td { 
 
    background-color:#f0f; /* highlight problems */ 
 
    padding:0; 
 
} 
 
input { 
 
    display:block; 
 
    width:100%; 
 
}

<table style="width:100%"> 
 
<tr> 
 
    <td class=""><input type="text" ng-model=""></td> 
 
</tr> 
 
</table>

至于是否走在正确的轨道上，这是由你来决定。如前所述，已经有很多框架已经这样做了。如果你正在努力学习如何做这种事情，请继续前进。否则，请使用existing framework。