如何只改变ag-heder-columnheader？

Question

我有一个像下面这样的 ag-grid，它有两个 header。我想更改 header 的高度，如您所见，它位于那个红色矩形中。

我可以用这个

改变所有header的身高

gridOptions.api.setHeaderHeight(100);

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

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

我也尝试用 jQuery 改变那个 div 的高度，但是没用，好像 ag-grid 有不同的算法来设置 header 高度。

Here is a working plunker example.

Answer 1

您可以执行以下操作。获取顶部 header 行应设置为的默认 header 高度。然后将 header 高度设置为您想要的任何值，然后将分组 header 高度设置为默认 header 高度，这将覆盖您设置的 header 高度。

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

Demo.

如何只改变ag-heder-columnheader？

How to change only ag-heder-column header?

html

javascript

css

typescript

ag-grid