Aggrid table not resized on screen resizing

Custom Components streamlit-aggrid
1

Hi,

Is there an option to match the height of the aggrid table to the screen size.
all css manipulations doesn’t seems to work.

in vanila ag grid i get scroll bar in the screen.

image
image1702×772 248 KB

but in streamlit ag grid the table is not resized and the horizontal scroll bar is not visible.

image
image1689×746 209 KB

2

Hi @yoelslu

There seems to be a similar thread here with a solution, can you see if this is what you are looking for.

Best regards,
Chanin

3

Hi @dataprofessor
Thanks you for your answer, but it’s not what I am looking for.
your answer is about autosize column but I write about autosize table.
I want to define the hight of the table to be max 80% of the screen.
Best regards,
Yoel

4

Hi,
I am also facing this issue. Is there any resolution to this problem. It becomes unusable if the columns are shown in a narrow window with only 3-4 coulmns visible.

5

Same issue. The width parameter looks depricated

6

I found a simple workaround to force AgGrid to re-render when the window is resized. I used st_screen_stats to track screen size and passed that into the AgGrid key to trigger a refresh:

from st_screen_stats import ScreenData

# Capture screen size with a slight delay for stability
screen_data = ScreenData(setTimeout=1000)
screen_info = screen_data.st_screen_data(key="screen_stats")

if screen_info:
    st.session_state['screen_width'] = screen_info['innerWidth']
    st.session_state['screen_height'] = screen_info['innerHeight']

Then when rendering the AgGrid:

from st_aggrid import AgGrid

AgGrid(
    df,
    fit_columns_on_grid_load=True,
    ...,
    key=f"{st.session_state.get('screen_width', 0)}_{st.session_state.get('screen_height', 0)}"
)