如何在 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