如何为react在ag网格中仅动态设置一个标题行的高度

Question

此方法设置高度

gridApi.setHeaderHeight(height);

但问题是它为两个标头组设置了高度。

(Header group spans entire width)<------------------------- height gets set here

(Header1    | Header 2   | header 3)<------------------------ and height gets set here
------------------------------------
row data 1 | row data 2 | row data 3

如何设置一个标题行的高度

(Header group spans entire width)

(Header1    | Header 2   | header 3)<------------------------ This row one only
------------------------------------
row data 1 | row data 2 | row data 3

参见示例：https://codesandbox.io/s/ag-grid-practice-forked-py43m?file=/src/index.tsx

单击"展开"，然后看到两个列标题组的高度都展开了。

Answer 1

我认为这是不可能的。可以使用以下方法，但它们会设置页眉中整行的高度。我认为这是一个相当奇怪的设计决定，只增加其中一列的标题。

gridApi.setHeaderHeight(value) 
gridApi.setGroupHeaderHeight(value)

Answer 2

好的，我已经想出了一个解决方案来规避这个问题。

更简单的版本：

• https://codesandbox.io/s/ag-grid-custom-setaddedcolheight-sypg2?file=/src/Grid/Columns.tsx

更动态的版本：

• https://codesandbox.io/s/ag-grid-custom-setaddedcolheight-expand-reduce-mh8rw?file=/src/Grid/Columns.tsx