ag-grid 如何设置浮动过滤器高度

Question

有人知道如何设置浮动过滤器高度吗？

我浏览了所有文档，但什么也看不到。 接下来我要看的是调整主题。 但到目前为止，那里也没有运气。

我查看了开发工具中的 css，发现它没有我可以设计的类。 标记应用了手动样式。

<div class="ag-header-row" role="presentation" 
style="top: 30px;height: 56px;width: 1603px;">

所以我不相信我不能用类或模板覆盖来破解它。 还有其他人知道该怎么做吗？

Answer 1

这可以使用gridOptions.floatingFiltersHeight配置来实现。
这是来自 ag 网格文档的示例。

根据文档-

floatingFiltersHeight - 包含浮动过滤器的行的高度。 如果未指定，则默认值为 20px。

Answer 2

我们可以直接在<AgGridReact>标签中应用 apply， floatingFiltersHeight={20}作为属性，方法如下

<AgGridReact
   rowStyle={rowStyle}
   ref={gridRef}
   columnDefs={columnDefs}
   rowData={rowData}
   headerHeight={20}
   rowHeight={20}
   floatingFiltersHeight={20} // floatingFiltersHeight applied
   defaultColDef={defaultColDef}
   onGridReady={onGridReady}
   onFilterChanged={()=> setRow(gridRef.current.gridOptions.api.getDisplayedRowCount())}
></AgGridReact>