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' },