对角度ui网格中的每列进行不同的着色

Question

我希望能够使用不同的颜色为ui-grid中的每一列着色。我想指定每列的颜色应该是什么。目前在ui网格中有没有办法做到这一点？

Answer 1

这是通过使用cellClass columnDef属性实现的，如here所述。

cellClass可以是字符串，也可以是返回类名的function(grid, row, col, rowRenderIndex, colRenderIndex)。因此，基本上在定义列时会执行以下操作：

gridOptions.columnDefs = [{field: 'field1', cellClass: 'yourClass'}];

更改背景颜色时要小心，因为它会被单元格背景覆盖。你应该在你的css中添加这样的东西：

.ui-grid-row .ui-grid-cell {
   background-color: inherit !important;
}