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

Question

谁知道怎么设置浮动滤镜高度？

我已经查看了所有文档，但我什么也看不到。我要看的下一件事是调整主题。但到目前为止也没有运气。

我查看了开发工具中的 css，发现它没有我可以设置样式的 class。该标签应用了手动样式。

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

所以我不相信我不能用 class 或模板覆盖来破解它。其他人知道如何做到这一点？

Answer 1

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

根据文档-

floatingFiltersHeight - The height for the row containing the floating filters. If not specified the default is 20px.

Answer 2

我们可以直接在<AgGridReact>标签里申请，floatingFiltersHeight={20} as 属性方法如下

<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>

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

ag-grid how do I set the floating filter height

javascript

ag-grid

ag-grid-react