DataTable: Layout breaks on column resize when using features ColGroup and FlexScroll and ColResize at once

[HenningLanghorst]

I'm submitting a ... (check one with "x")

[x ] bug report
[ ] feature request
[ ] support request => Please do not submit support request here, instead see https://forum.primefaces.org/viewforum.php?f=57

Current behavior
The behavior can be reproduced the code sandbox.

When I resize a column in the given example, the layout of the columns in the table body will not match the layout of the table header.

Expected behavior
The columns in the table body have the same width as the according header columns.

Minimal reproduction of the problem with instructions

STEPS TO REPRODUCE

• open the code sandbox
• decrease the width of the "Product" column.

→ The column widths in the table body do not match the ones in the header.

• React version:
  17.0.2

• PrimeReact version:
  7.2.1

• Browser: Chrome 100.0.4896.60 | Firefox 98.0.2, 99.0

• Language: ES6/7

[mertsincan]

Thanks a lot for your report! I added it to our roadmap. This problem requires changes to the resizable method in our code base. So I plan to fix this issue in 9.0. Thanks a lot for your understanding!

Best Regards,