DataTable: Header columns and row columns doesn't resize together with Virtual Scroller and resizable columns

[jayzzer]

Describe the bug

When resizing columns with enabled resizable-columns prop and virtual-scroller-options header columns and row columns are not aligned

Reproducer

https://codesandbox.io/s/loving-shannon-jlmvdq?file=/src/DataTableColResizeDemo.vue

PrimeVue version

3.12.6

Vue version

3.x

Language

ALL

Build / Runtime

Vite

Browser(s)

No response

Steps to reproduce the behavior

1. Create a DataTable component with props :scrollable: true :resizable-columns: true :virtual-scroller-options="{ lazy: true, itemSize: 47 }";
2. Try to resize a column.

Expected behavior

Header columns and row columns are aligned

[tugcekucukoglu]

Please update the codesandbox example so we can see the problem.

[jayzzer]

Please update the codesandbox example so we can see the problem.

It's already updated. You have to resize any column
Proof: