How can I resize columns and make the columns to the right scrollable?

GianniDPC

Link to test case:
https://jsfiddle.net/o5reL61h/4/

How can I resize columns and make the columns to the right scrollable? Please see the jsfiddle example, I tried using the ColReorderWithResize plugin in combination with scrollX but I do not get the expected behaviour..

For example: if I resize a column and drag it back to the left, the scrollbar stays visible. I also get some weird stuff happening with the layout when dragging the name column around.

Does anyone know if there is a proper solution for this?

Thanks in advance!

kthorngren

The ColReorderWithResize uses a very old version of ColReorder. It uses ColReorder 1.3.3. The current version is 1.6.1. Likely the weird stuff you are seeing when dragging the columns has been fixed in the later versions. See if this example exhibits the same UI issues.

The ColReorderWithResize plugin is developed by a third party and support for it will need to come from the developer. Unfortunately it doesn't seem the developer has responded to any issues or updated the repo since 2019.

I suspect the fix is to update ColReorderWithResize to use the current version of ColReorder.

Kevin