如何识别UI网格中的组标题行

Question

我有一个UI网格，我想给我的行提供不同的CSS哪个标题行为group。

在这里，我想对组行的整行说（或有+符号）说蓝色，我也不想在动作栏中将单元格模板应用到它。

我可以在单元格模板中执行条件但是如何识别此行。

我发现，群组标题行获得了类＆＃39; ui-grid-tree-header-row＆＃39; 但不确定如何使用此信息。

我正在寻找这样的事情：

Answer 1

使用ng-if =＆＃34; row.groupHeader＆＃34;在您的单元格模板中。 我使用过这样的东西：

{ name: 'name', displayName: 'Name', cellTemplate: '<div class="ui-grid-cell-contents">'+ '<div class="yourHeaderClass" ng-if="row.groupHeader">{{do or print something only for group row header}}</div>'+ '<div ng-if="!row.groupHeader">{{do something for group children}} </div> </div>' },

Answer 2

您可以在UI网格行模板中使用ng-class。从row.entity中，您将获得数据，并根据数据确定是否存在组，并有条件地选择您的类。通过设置外部范围引用到网格，您可以使用控制器方法为您组存在相关的计算