DataTable in expand mode resizing problem

[1Map]

Describe the bug

Steps to reproduce the behavior
go to https://primevue.org/datatable/#resize_expandmode
go to the section labelled 'Expand Mode'
Use your mouse to drag the right side of the 'Name' column an inch to the right
Actual: The Code column and also the other columns after Name also changes size slightly. Not by as much as you resize the Name column, but it always changes, and it changes more if you resize Name more. This also happens for any other column aside from the first one. The end result is the column doesn't end up where you dragged it.

This only seems to be a problem with Expand Mode -- Fit mode works correctly.

Expected behavior
Name column resized to the exact spot where you dragged it, all other columns to the right shifted by that amount but not resized, all other columns to the left untouched.

Reproducer

N/A

PrimeVue version

3.32.0

Vue version

3.x

Language

ALL

Build / Runtime

Vue CLI App

Browser(s)

No response

Steps to reproduce the behavior

go to https://primevue.org/datatable/#resize_expandmode
go to the section labelled 'Expand Mode'
Use your mouse to drag the right side of the 'Name' column an inch to the right
Actual: The Code column and also the other columns after Name also changes size slightly. Not by as much as you resize the Name column, but it always changes, and it changes more if you resize Name more. This also happens for any other column aside from the first one. The end result is the column doesn't end up where you dragged it.

Expected behavior

Name column resized to the exact spot where you dragged it, all other columns to the right shifted by that amount but not resized, all other columns to the left untouched.

[1Map]

Just did a PR (#4276) and awaiting review

[tugcekucukoglu]

It seems this issue and pr coming from PrimeReact: primefaces/primereact#3971

The bug is quite clear on PrimeReact. But from PrimeVue side can not replicate the issue. Please check that screen record and positions of the cursor and gridlines when dragging end.

Screen.Recording.2023-08-17.at.12.12.00.mov

[1Map]

@tugcekucukoglu Your screen recording is showing the bug. The moment you make the "Name Column" wider, then all columns to the left of the column that were made wider, behaves wrong. In your case, "Code Column" also gets bigger (marginal). It is not suppose to behave like that. Only the column that you make wider is suppose to change, not other columns left of it.

[1Map]

@tugcekucukoglu On my side it works 100% with that bug fix.

https://github.com/primefaces/primevue/pull/4276/files

But, by looking at the master branch I can see that it is not yet implimented:

primevue/components/lib/datatable/DataTable.vue

Line 1242 in a2ff6c6

this.resizeTableCells(newColumnWidth);