angular - 农业网格 : How to set custom background color in column header?

标签 angular ag-grid

我在 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/

相关文章:

Angular 8 更新打破了模块的延迟加载

Angular ag-grid 单元格渲染器复选框不刷新值

javascript - Ag grid - 用于导出数据的 processCellCallback 不起作用 Angularjs

Angular 11 没有运行 ngcc

javascript - Angular 6/Javascript - 在 (nglick) 中调用两种方法。组件和Js

javascript - 按 2 个日期进行 Angular 过滤

angular - 如何在 ag-grid 中的一行顶部覆盖控件?

angular - 如何使用 ag-grid 导出到 excel 功能以及 Angular 6 的大数据(50,000 行)(内存不足错误)?

javascript - ag-grid 将列标题设置为复选框,并选择全部或取消选择所有列,而不是仅组

javascript - 从 typescript 调用 JavaScript 方法