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>