css - EditableCellTemplate 用户界面网格

Question

我想在 ui-grid 的其中一列中输入类型为 number 的 ng-input。理想情况下它看起来像这样:

我通过使用常规 cellTemplate 来完成此操作，但据我所知，正确的方法是使用 editableCellTemplate。使用 editableCellTemplate 我得到了正确的行为，但我的单元格看起来只有在双击时才可编辑，结果如下所示:

点击的单元格看起来是可编辑的，其余的不是，这不是真正的用户友好。我怎样才能让列中的所有单元格看起来都像 editableCellTemplate 中定义的那样，即使它们没有被点击。

Answer 1

您应该指定 cellTemplate(除了 editableCellTemplate 之外)，以指定值在未获得焦点时的显示方式。例如……

 { name: 'MyColumn', displayName: 'My column', width: '12%', cellTemplate: 'yourDisplayCellTemplate', editableCellTemplate: 'yourEditableCellTemplate' },