Hi everyone,
I’m trying to make a table take up 100% of its parent container’s width, with fixed column widths for all columns except the middle one (which should stretch to fill the remaining space).
I’ve tried adjusting width and using stretchH, but it hasn’t worked as expected. I’m also using <HotColumn /> with the react-wrapper.
Any ideas on how to achieve this?
Thanks!
Here’s my stackblitz example.
Hi @alojzy231
If I understand you requirements correctly, doesn’t the first example in your demo work like you described it here? Two columns have fixed width and the middle one is stretched automatically.
Thanks for the fast reply!
Sorry for not being more specific earlier: when I use stretchH: "all" along with fixed width values for some columns, those “fixed” columns don’t actually stick to their set widths and scale with window size (I’ve set columns A and C to be 10px):
Interestingly, when I resize the window, it seems to behave correctly on smaller screens (once a horizontal scroll bar appears):
I’ve tested that on: 440px and 388px window widths.
Thank you for the details. I checked and it’s because the stretchH: "all" option ignores the width parameter. We have this issue reported internally, so I will update you once we fix it.
