Aggrid styling

[Shahin-rmz]

Hello, I just show a dataframe with a aggrid.
it is about 200 rows.
My question is, how can I set height to full screen or make it out of iframe
here is how my code look like.

data_dict = {
    'columnDefs': [
        {'headerName': col, 'field': col} for col in df.columns
    ],
    'rowData': df.to_dict('records'),
    'rowSelection': 'multiple',
}


print(data_dict)

ui.aggrid(data_dict).classes('max-h-999')

and here is how my table looks like

but I want it to be full screen.

[falkoschindler]

max-h-999 is not a Tailwind class. That's why it is not working. See here for available classes.

Making an HTML fullscreen is actually not that trivial. But you can set the height to 100% of the viewport height. In order to incorporate the 16px margin, you can subtract 32px from that viewport height:

ui.aggrid({}).style('height: calc(100vh - 32px)')

[Shahin-rmz]

Thanks.
Sorry, I was not very familiar with front end CSS and other things.