EditableCellTemplate ui-网格

EditableCellTemplate ui-grid

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

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

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

您应该指定 cellTemplate(除 editableCellTemplate 之外),以指定未聚焦时值的显示方式。例如...

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