以角度不同的網格對每個列進行顏色不同

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; 
}