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

时间:2016-09-25 15:07:51

标签: css angular-ui-grid ui-grid

我想创建自己的自定义列到ui-grid,类似于在附加图片上选择列(带复选标记的列): enter image description here

这是可能的,最简单的方法是什么?

1 个答案:

答案 0 :(得分:0)

此文档已移至here。 基本要求是您需要在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属性的