如何仅在 AngularJS ui-grid 3.0 中的第一组行中显示按钮?
How to show a button only in first grouped row in AngularJS ui-grid 3.0?
对于Plunker link中分组的ui-grid,第三列,如何让按钮只显示在groupHeader行中?
笨蛋: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。我刚刚添加了按钮部分。
只需在您的单元格模板中添加一个 ng-show
<button ng-show="row.treeLevel==0" type="button" class="btn btn-success">
这是您的 Plunker 的工作版本
对于Plunker link中分组的ui-grid,第三列,如何让按钮只显示在groupHeader行中?
笨蛋: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。我刚刚添加了按钮部分。
只需在您的单元格模板中添加一个 ng-show
<button ng-show="row.treeLevel==0" type="button" class="btn btn-success">
这是您的 Plunker 的工作版本