為角度ui網格中的每一列着色

Question

我希望能夠使用不同的顏色為ui網格中的每一列着色。 我想指定每列的顏色。 目前在ui網格中有辦法嗎？

Answer 1

這是通過使用實現cellClass columnDef財產作為解釋在這里 。

cellClass可以是字符串，也可以是返回類名稱的function(grid, row, col, rowRenderIndex, colRenderIndex) 。 因此，基本上，在定義列時，請執行以下操作：

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

更改背景顏色時請務必小心，因為它會被單元格背景覆蓋。 您應該在CSS中添加以下內容：

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