Expand table on column resize

[bentleyvk]

We could have some flag that toggles resize mode like react-grid https://devexpress.github.io/devextreme-reactive/react/grid/docs/guides/column-resizing/#resizing-modes

Discussed in #822

^{Originally posted by HaveSpacesuit September 9, 2022}
It is difficult to expand columns to a wide width. Currently it looks like when a column is resized, the next column loses or gains width based on the first column resize. The overall table width stays the same.

It would be nice to expand/shrink the entire table width when a column is resized. If I make column A bigger, I likely do not want to make column B smaller.

This should work in situations when the table has horizontal scroll and does not have horizontal scroll - adding or removing the scroll as needed.

Here is a sandbox showing that it is not easy to expand a column past the point where the next column is at minimum width. There are examples with and without horizontal scroll. (I usually have the last column width set to undefined in order to allow the table to fill horizontal space if the columns do not all fit.)

https://codesandbox.io/s/itwinui-react-minimal-example-forked-7wizuj?file=/src/columns.ts