Black Lives Matter. Please consider donating to Black Girls Code today.

Datatable - layout fitting its space using Grid


I’m using dash_table and want to display a datatable within the space I give it.
I have splitted my web page in 4, with display: grid.
I have given the datatable let’s say: grid-row: 0 and grid-column: 1 and should be rendered only in its square (top right), but in reality goes onto grid-row 0 and 1… meaning it doesn’t respect the given space.

Also, I don’t want to use fixed size as showed in the documentation.

Any CSS idea ?

I found a solution, which only works on Chrome and Edge:

    "maxHeight": "-webkit-fill-available",
    "overflowY": "scroll"

Hope it will help some !