颜色代码不适用于 ui-grid headerCellClass

Question

我正在尝试使用 headerCellClass 设置 header 的颜色，如本例所示：

columnDefs: [
  { field: 'name', headerCellClass: 'white' },
  { field: 'company',headerCellClass:'white'}
],

而是设置颜色代码，如 'white'、'红色等。我正在尝试使用颜色代码：headerCellClass: '#3A01DF'，但它不起作用。为什么？

Answer 1

您的 css 中是否设置了颜色 - 白色？喜欢：

.white { color: white;background-color:black !important;  }

Answer 2

您可以在 css 中设置不同的 classes（红色、默认-class、黑色等）：

.red {
    background-color: red !important;
    color: #F3F3F3 !important;
}

.default-class {
    background-color: #004A75 !important;
    color: #FFFF00 !important;
}

.black {
    background-color: black !important;
    color: white !important;
}

和 headerCellClass 一个函数，returns 一个合适的 class 取决于条件（或只有一个 class）：

headerCellClass: function(grid, row, col, rowRenderIndex, colRenderIndex) {
    if (condition === 1) 
        return 'red';
    if (condition === 2)
        return 'black';

    return 'default-class';
},

样本来自 ui-网格：http://ui-grid.info/docs/#/tutorial/115_headerCellClass

颜色代码不适用于 ui-grid headerCellClass

Color codes doesn't work on ui-grid headerCellClass

css

angular-ui-grid