Table always take the max height of container div

[andra961]

Basically, even if the table has only 2 rows, all the container space will be occupied and the header + 2 rows will each be very big in height(1/3 of the container each). I'm using tree table, is there a way to prevent this or specify a fixed height for each row(and header too)?

[Levi2709]

Hello, I had the same problem. I solved it by using the custom theme. For the rows set table: grid-template-rows: 50px. And the header HeaderCell: height: 50px for example. Whether it's the perfect solution I don't know, but it works for me.

[andra961]

Hello, I had the same problem. I solved it by using the custom theme. For the rows set table: grid-template-rows: 50px. And the header HeaderCell: height: 50px for example. Whether it's the perfect solution I don't know, but it works for me.

I tried it and it didn't work. Did you use --data-table-library_grid-template-rows: 50px; or just grid-template-rows: 50px?
Btw i solved it by adding height: auto; and max-height: 100% in Table, don't know if there's a better way too.

[proddy]

thanks @andra961 - just what I needed for my issue in #122

[zehawki]

Btw i solved it by adding height: auto; and max-height: 100% in Table, don't know if there's a better way too.

Thank you, this is certainly better than nothing.

But there are 2 issues with this approach:

1. If there are no rows, its doesnt look good.
2. When the table is populating, there is a flash (like FOUC) and a layout shift when it goes from just the header row to the full table

Neither of these issues were there earlier as mentioned in #159, so this may be considered a regression. @rwieruch it would be great to get a fix for this.