How to set the initial table width (table.getTotalSize()) to the available width?

[shettayyy]

I have looked at the column sizing example and implemented the same. When the minimum width of the <Table /> is set to 100%, column resizing behaves differently. It tries to resize the column within the hundred per cent screen space by adjusting the content of the rest of the column.

table.getTotalSize() sets the table width to the sum of the size of each column. It would not cover the available screen space. I can use window.innerWidth to provide a default size to each column so that they could fill the room but it would not play nice if there is a side panel which occupies 20% of the screen space on the left. I would have to determine the width of an element acting as a table wrapper and then distribute the width across the column to fill the available space based on the width of the wrapper.

Is there an elegant solution to assign an initial width (available space) to the table.getTotalSize()?