Enhancement: last column of table needs to resize dynamically with resizable columns

[Etregoning]

Short Description:
When resizing the columns, it leaves a blank grey area on the right side of the table. Sorry for the small image, but the table data is irrelevant anyways :P

I feel like this is probably more of a bug than an enhancement, because I don't much want to use resizable columns if it behaves like this, but since it's not breaking the code or anything, it's more of an optimization I guess.

Environment Details

• OS: MacOS Mojave
• Node.js version: 10.10.0
• npm version: 6.4.1

Code
I'm using the same code as the example on codesandbox.

Workaround
When I finish the site, I'll have a shot at trying to fix this, for now I just need to turn resizable columns off :P

[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.