Quicksearch filter + Row area + Pagination = height clipping

[egelados]

There is the height clipping problem which is known for quite some time.
When only quicksearch filter is enabled there is a workaround:
You just use a custom CSS like this:
custom_css={
"#gridToolBar": {
"padding-bottom": "30px !important",
}
}

But when both pagination and quicksearch is needed nothing seems to mitigate the issue.

I tried combinations of custom css for gridToolBar and/or ag-root.ag-unselectable, ag-layout-normal divs with no success.
In the streamlit discussion board someone mentions that the following has worked for him but it does not seem to do the trick for the latest version:
custom_css={
"#gridToolBar": {
"padding-bottom": "30px !important"
},
"div.ag-root.ag-unselectable.ag-layout-normal": {
"height": "750px !important"
}
}

[egelados]

Took me a while but i got it working:

custom_css={
    "#gridToolBar": {
        "padding-bottom": "25px !important",
    },
    ".ag-root-wrapper": {
        "height": "475px !important"
    }
},
height=500, 

works on streamlit 1.36
streamlit-aggrid 1.0.5