Question

我想使用相对单位（例如＆＃34; vh＆＃34;）来设置表头的大小。我无法使用css，因为Ag-Grid增加了内联样式＆＃34; height＆＃34;在 .ag-header 和 .ag-header-overlay 。

gridOptions.headerHeight = null

没有帮助

Answer 1

你不能用Javascript以编程方式设置吗？

var x= 10  //for ex. if you want 10vh    
gridOptions.headerHeight = document.getElementById('myDiv').clientHeight *(x/100.00);

//Event listener to set header height on resize

        object.addEventListener("resize", function(){
           var x= 10
           myGrid.setHeaderHeight(document.getElementById('myDiv').clientHeight *(x/100.00))
        }
);

Answer 2

似乎你没有阅读文档：

＆＃34; headerHeight包含列标签标题的行的高度。如果未指定，则默认值为25px。＆＃34;

/ *组列* / groupHeaderHeight：75，

/ *标签栏目* / headerHeight：150，

/ *浮动过滤器* / floatingFiltersHeight：50，

/ *透视，需要打开枢轴模式。标签栏* / pivotGroupHeaderHeight：50，

/ *透视，需要打开枢轴模式。组列* / pivotGroupHeaderHeight：100，

如何更改Ag-Grid标题大小？

2 个答案: