Maximum width when resizing columns?

[robvk]

My use case is as follows: I have a table component that has a number of columns, the width of this table should be fixed, but the user should be able to resize the columns. This resizing changes the widths of the columns, but the total width of the table should remain the same. The example of useFlexLayout and useColumnResizer seems to do this well, except when you make a lot of columns bigger:

https://codesandbox.io/s/github/tannerlinsley/react-table/tree/master/examples/full-width-table

I would like this to not happen, is there a way to give a max-width to the resizer to tell it to never have the total width of the table become bigger than that? Or is there some other solution I have not thought of?

[jamesjenkinsjr]

@robvk I'm trying to solve for this same thing - resize columns but maintain the table's max width. Did you come up with a suitable solution?

[robvk]

Unfortunately not, in the end we did not allow resizing

[henrikq]

The current example does slightly better, but it has a number of issues IMO.

https://react-table.tanstack.com/docs/examples/full-width-resizable-table

1. The amount the mouse moves does not correspond to how much the column is resized.
2. When shrinking a column and dragging to far, the column snaps back to its original size.
3. There is no limit, and no way to configure a limit, on the max width of a column/table. The table will overflow if a column is grown to much.
4. When resizing, text is selected. This is made worse by point 1.

Point 1. cannot be addressed by using flexbox, and AFAIKT flexbox is the only way to achieve a full-width re-sizable table with react-table, without writing a plugin or comparable amount of code. Point 2. and 4. just seems like a bugs. Point 3. makes is such that the example is arguably not functional.

I may end up writing such a plugin, or just make some solution that works for my project but is to no benefit of react-table. I am writing this

• to highlight the fact that react-table does not really support full width re-sizable tables in a slight hope that the contributors address this oversight, and
• so that if someone does address this, or i have gotten anything wrong, It will be pointed out to me here.

That said, I haven't paid anything to anyone to make use of react-table, so I can only thank the developer(s) for what is available. If this does get the attention of the developer(s), and it turns out that we become reliant on react-table, I will make a honest bid to make my company becomes a supporter. cheers.