angular-ui - ng-grid 最後の行に別のスタイルを設定する方法

Question

ng-grid の最後の行に集計値 (合計など) を表示しようとしています。最後の行のスタイルと css クラスは、その列の他のセルとは異なる必要があります。これを達成する方法は？

列定義の cellTemplate はその列のすべてのセルに適用されますが、私の場合、その列の最後の行に別のスタイルを設定する必要があります。誰でも解決策を教えてください。

ありがとうスディプタ

Answer 1

最後の行に表示される項目の特別なプロパティ「isLast」(または任意の名前) を設定できます。このアイテムは からアクセスできますrow.entity.isLast。

...コントローラーのどこかに....

$scope.getRowClass = function(row) {
    return row.entity.isLast === true ? 'lastRow' : '';
}

... gridOptions 内のどこか ...

rowTemplate: '<div ng-style="{ \'cursor\': row.cursor }" ng-repeat="col in renderedColumns" ng-class="[col.colIndex(), getRowClass(row)]" class="ngCell {{col.cellClass}}">....</div>'

クラスに基づいて.lastRow、最後のグリッド行のカスタム スタイルを定義できます。