如何在 ag-grid 中的一个 header 行上动态设置高度以进行反应

Question

此方法设置高度

gridApi.setHeaderHeight(height);

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

 (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 行的高度

 (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

单击“展开”，然后看到 header 列的两个组的高度都展开了。

Answer 1

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

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