Enhancement: last column of table needs to resize dynamically with resizable columns about react-tabulator

[ngduc]

@Etregoning The closest grid layout I could find is "fitDataFill". It will not show the background color when you resize columns.

Could you try it again here?
https://codesandbox.io/s/oxmj02v696

[Etregoning]

Well, that definitely gives a better look, thanks... but I still think if it's possible to dynamically resize the last column, that would look a lot better :D

[olifolkerd]

Hey @Etregoning

There are quite a range of options for configuring your column layout

Have a look at the fitColumns layout mode in the Layout Documentation

You can use the widthGrow and widthShrink properties to determine the amount allocated to each column.

You can also use a combination of fixed width columns and variable width columns to achieve the look you are after, but you are correct, at the moment there is no feature to allow tables to be resizable and maintain a total width of 100%. if you feel that would be useful please raise an issue on the Tabulator Repo

I hope that helps,

Cheers

Oli :)

[ngduc]

Thanks for replying @olifolkerd I was going to point him to Tabulator or file a bug there myself.

Like @Etregoning , I tried different layouts: fitDataFill, firColumns & widthGrow and widthShrink but the last column still moves when resizing other columns. Ultimately (I think) @Etregoning wants the last column to take the remaining space.

This is an example: (using another grid) - http://jsfiddle.net/9js6z61g/
I'm closing this one & filing it in Tabulator. Thanks.