以角度不同的网格对每个列进行颜色不同

Question

我希望能够以不同的颜色为UI网格中的每一列着色。我想指定每列的颜色应该是什么。有没有办法在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; 
}