✊🏿 Black Lives Matter. Please consider donating to Black Girls Code today.
🐇 Announcing Dash VTK for 3d simulation graphics. Check out the March webinar.

Vertical Scrolling Fixed Rows Locks DashTable Height?

Hi all,

I’m implementing a DataTable with a lot of records and I wanted to use fixed rows to stick the headers at the top.

However, as soon as I added the fixed rows, the dashtable became much shorter than I wanted. So, I tried to manually set the height for the table using style_table, but no matter what I set the height or maxHeight to, the height defaults to 500px.

As far as I can tell, there isn’t any padding or margins on the page that would reduce the size of the table. I can edit the DashTable CSS using the Google Chrome inspect tool and that does change the table size.

Is there something I’m missing here about setting the table height?