如何仅更改标题列标题？答案

【问题标题】：How to change only ag-heder-column header?如何仅更改标题列标题？
【发布时间】：2021-01-09 10:37:14
【问题描述】：

我有一个像下面这样的ag-grid，它有两个标题。我想改变你可以看到的那个红色矩形中的标题的高度。

我可以用这个改变所有标题的高度

gridOptions.api.setHeaderHeight(100);

但是这个改变了他们两个，我只想改变那个红色的我该怎么做？我还尝试了ag-grid api中的其他方法，如下所示，但没有一个有效。

setGroupHeaderHeight(heightInPx)
setFloatingFiltersHeight(heightInPx)
setPivotHeaderHeight(heightInPx)    
setPivotGroupHeaderHeight(heightInPx)

我还尝试使用 jQuery 更改该 div 的高度，但似乎 ag-grid 有不同的算法来设置标题高度。

Here is a working plunker example.

【问题讨论】：

你愿意接受 CSS 解决方案吗？
当然是@m4n0

标签： javascript html css typescript ag-grid

【解决方案1】：

这是你可以做的。获取顶部标题行应设置的默认标题高度。然后将标题高度设置为您想要的任何值，然后将分组标题高度设置为默认标题高度，这将覆盖您设置的标题高度。

const defaultHeaderHeight = gridOptions.api.getSizesForCurrentTheme().headerHeight;
gridOptions.api.setHeaderHeight(100);
gridOptions.api.setGroupHeaderHeight(defaultHeaderHeight);

Demo.

【讨论】：