如何仅在AngularJS ui-grid 3.0中的第一个分组行中显示按钮？

Question

对于Plunker链接中的分组ui网格，第三列，如何让按钮仅显示在groupHeader行中？

Plunker：http://plnkr.co/edit/KNNUPhAmD91HeHkDaQyr?p=preview

我尝试在第三列上使用以下cellTemplate，但它不起作用，因为第三列不是分组列。

cellTemplate: '<div ng-if="!col.grouping || col.grouping.groupPriority === undefined || col.grouping.groupPriority === null || ( row.groupHeader && col.grouping.groupPriority === row.treeLevel )" class="ui-grid-cell-contents" title="TOOLTIP">{{COL_FIELD CUSTOM_FILTERS}}</div>'

网格的大多数代码来自官方UI网格tutorial 209。我刚刚添加了按钮部分。

Answer 1

只需在您的单元格模板中添加ng-show

<button ng-show="row.treeLevel==0" type="button" class="btn btn-success">

以下是您的Plunker

的工作版本

http://plnkr.co/edit/vYpAi4AV0a9cidcoejFY?p=preview