【问题标题】：change ag-grid header background-color on gridready in typescript在 typescript 中的 gridready 上更改 ag-grid 标题背景颜色
【发布时间】：2019-02-14 04:56:11
【问题描述】：
我正在使用 angular 6 。我在组件中使用 ag-grid 的位置。是否可以使用组件 CSS 或使用 gridready columnapi 或 rowapi 将背景颜色修改应用于 ag-grid 标题。我不想继承和创建自定义 Header 组件。我尝试使用 ag-grid 文档中提到的 headerClass 属性，但这不起作用。我尝试在我的 CSS 中覆盖 .ag-header-container 类，但它没有得到反映。
【问题讨论】：
标签：
css
angular
typescript
ag-grid
【解决方案1】：
我可以通过在 onGridReady 中操作 CSS 类来解决这个问题。
css = document.getElementsByClassName('ag-header-
viewport') as HTMLCollectionOf<HTMLElement>;
css[0].style.backgroundColor = "#d4d4d4";