DataTable: Misalignment with 3+ Frozen Columns when scrolling horizontally

[iantrudell]

Describe the bug

In the last few versions of the PrimeReact DataTable, having 3 or more "frozen" columns results in the 3rd column being "frozen" in the incorrect location (bad left: value).

See the reproducer.

Reproducer

https://stackblitz.com/edit/vitejs-vite-vkptaeae?file=src%2FApp.tsx

System Information

System:
    OS: Windows 10 10.0.19045
    CPU: (20) x64 12th Gen Intel(R) Core(TM) i7-12700H
    Memory: 26.46 GB / 63.64 GB
  Binaries:
    Node: 20.15.1 - C:\Program Files\nodejs\node.EXE  
    npm: 10.7.0 - C:\Program Files\nodejs\npm.CMD     
    bun: 1.1.38 - ~\.bun\bin\bun.EXE
  Browsers:
    Edge: Chromium (131.0.2903.63)
    Internet Explorer: 11.0.19041.4355
  npmPackages:
    primereact: ^10.9.1 => 10.9.1
    react: ^18.3.1 => 18.3.1

Steps to reproduce the behavior

Add enough columns to make the DataTable horizontally scrollable
Add "scrollable" to the DataTable
Add "frozen" to the first three columns

Expected behavior

Proper alignment of the 3rd column when you scroll horiztonally

[Mikeez]

Also facing the same exact issue.

[melloware]

we will have to test after next release I think it might be fixed with this fix: #7545