我在 Angular 4 中使用 ag-grid。我希望能够在运行时更改各个列标题的背景颜色。

看来我必须在 coldefs 中使用 headerComponentFramework 属性，但我不知道如何使用它。有人有想法吗？

问候，亚历克斯

câu trả lời hay nhất

如果您有一组预定义的标题颜色，我会使用 headerClass Tùy chọn:

defaultColDef: {
  headerClass: function(params) {
    // logic to return the correct class
    return 'header-one';
  }
}

然后在 css 中使用 background-color 属性:

.header_one {
  background-color: red;
}

请参阅以下示例，其中单击单元格会更改标题颜色:

https://stackblitz.com/edit/ag-grid-header-color-dynamic?file=index.js

关于angular - 农业网格 : How to set custom background color in column header?，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/43913646/