Search code examples
javascriptag-gridag-grid-react

ag-grid how do I set the floating filter height

Anyone know how to set the floating filter height?

I have looked through all the documentation and I can't see anything. The next thing I am looking at is tweaking the theme. But so far no luck there either.

I looked at the css in dev tools and found that it didn't have a class I could style. The tag has a manual style applied to it. 

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

So I don't believe I can't hack it with a class or a template override. Anyone else know how to do this?

Solution

  • This can be achieved using gridOptions.floatingFiltersHeight config.
    Here is an example from ag grid documentation.

    As per docs-

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