css - 在 typescript 中更改 gridready 上的 ag-grid 标题背景颜色

Question

我正在使用 angular 6 。我在组件中使用 ag-grid 的地方。是否可以使用组件 CSS 或使用 gridready columnapi 或 rowapi 将背景颜色修改应用于 ag-grid header 。我不想继承和创建自定义 header 组件。我尝试使用 ag-grid 文档中提到的 headerClass 属性，但这不起作用。我尝试在我的 CSS 中覆盖 .ag-header-container 类，但它没有得到反射(reflect)。

Answer 1

我能够通过在 onGridReady 中操作 CSS 类来解决这个问题。

css = document.getElementsByClassName('ag-header-
 viewport') as HTMLCollectionOf<HTMLElement>;
  css[0].style.backgroundColor = "#d4d4d4";