我在 Angular 4 中使用 ag-grid。 我希望能够在运行时更改各个列标题的背景颜色。
看来我必须在 coldefs 中使用 headerComponentFramework 属性,但我不知道如何使用它。 有人有想法吗?
问候, 亚历克斯
最佳答案
如果您有一组预定义的标题颜色,我会使用 headerClass
选项:
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/