如何使表格可填写？

Question

我试图通过双击单元格使表格单元格更新来创建一个好的UI，使得单击的单元格输入类型具有值=现有单元格值。

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

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

我想知道我是否在正确的轨道上，因为我的目标是一个优秀的用户界面，而且优秀的用户体验也是如此。我正在使用Laravel和AngularJS。

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

Answer 1

CSS的一些明智的应用可以为您提供所需的布局：

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

至于你是否走上了正确的道路，你可以自行决定。如前所述，有很多框架已经做到了这一点。如果您正在尝试学习如何做这类事情，请继续前进。否则，请使用existing framework。