🪶 Docs - React Aria Table column resize allows "Dead Space"

[itay-perry]

Hi,
There's a really cool resizing feature in React Aria table, but, why does let me create a dead-space?
I wanna let the user move columns around but always to fill the entire width.. this looks like a bug that this is possible.
How can I fix it? 🙏🏼

A snapshot for the docs:

[snowystinger]

You should be able to do that. Use fr units instead with a minWidth. Resizing only locks columns to the left to a pixel amount, so if the last column is an fr it should always fill the remaining space. If you use a "large" fr ratio it'll initially layout the same as it currently does.

See for an example:
https://stackblitz.com/edit/p88ts7ka?file=src%2FExample.tsx

[snowystinger]

you may need to clear your local storage, I think that example saves the widths there.

[itay-perry]

@snowystinger Thank you! So the last column should always be in fr units with a minWidth?
I'm building a table where the user can add new columns so that's why I'm asking :)