我试图在ng-grid的最后一行显示一些聚合值(如total).最后一行的样式和css类需要与该列中的其他单元格不同.如何实现这一目标?
列定义中的cellTemplate适用于该列中的所有单元格,但在我的情况下,我需要为该列中的最后一行设置不同的样式.任何人都可以建议我一个解决方案.
谢谢
Sudipta
最佳答案 我能够通过插件向最后一行添加一个类:
function ngGridAddClassToLastRow(className) {
var self = this;
self.grid = null;
self.scope = null;
self.init = function (scope, grid, services) {
self.domUtilityService = services.DomUtilityService;
self.grid = grid;
self.scope = scope;
var addClass = function () {
var lastRow = self.scope.renderedRows[self.scope.renderedRows.length - 1];
lastRow.elm[0].className = lastRow.elm[0].className + ' ' + className;
};
self.scope.$watch(grid.config.data, addClass);
};
}
并将此添加到gridOptions:
...
plugins: [new ngGridAddClassToLastRow('<some class name>'),
...
当然还要添加一些css,例如在我的情况下:
.lastRow {
border-bottom: 0px;
}
这对我有用.我不能肯定这是要走的路,因为不用说,我是Angular和ngGrid的菜鸟.我从flexible height plugin开始构建插件.