如何为 ag-grid 中的特定 header 设置样式

Question

我正在尝试为动态生成的 ag-grid 数组中的特定 header 设置样式。如何在不操纵 DOM 的情况下执行此操作？这是一个时间段数组，我想突出显示当天。

我已经尝试应用 cellStyle，但它不会影响 headers。你有什么想法吗？

一些生成数组的代码：

this.tmpDefs = [{ headerName: '', field: 'user', width: 90, suppressSizeToFit: true }];

for(wantedDays){
   this.tmpDefs.push([Some generated children])
}

this.gridApi.setColumnDefs(this.tmpDefs);

Answer 1

您可以在列定义中使用 headerClass 属性。

这是有关列属性的完整文档： https://www.ag-grid.com/javascript-grid-column-properties/

如何为 ag-grid 中的特定 header 设置样式

How to set style on a specific header in ag-grid

typescript

ag-grid

angular