css - 将自定义行标题添加到 ui-grid

Question

我想为 ui-grid 创建自己的自定义列，类似于在附加图片上选择列（带有复选标记的列）：

这可能吗，最简单的方法是什么？

Answer 1

这方面的文档已移至此处。基础是您需要将行标题添加为对象onRegisterGridApi属性中的新列。gridOptions其中的定义与任何其他列（即ui.grid.class:GridOptions.columnDef）相同。

例如，如果您的所有行都有一个您想用作行标题的属性，您可以使用自定义模板，例如：

<div class="ui-grid-row-header-cell ui-grid-disable-selection">
  <div class="ui-grid-cell-contents">{{row.entity['rowHeaderFieldName']}}</div>
</div>

您将分配给cellTemplate行标题列定义的属性