DataTable: Redefine column width after resizing a column manually.

[vbranquinho]

Describe the bug

Considering that there is a table with columns with a predefined size through an inline style defined for the width and max-width. After the column has been resized manually, an "!important" CSS style overrides the width and max-width of the column, not allowing it to revert to the original predefined size.
Is there any way to solve this problem? Perhaps a possible solution would be for this override to be done in an inline style.

Reproducer

https://codesandbox.io/s/primereact-demo-forked-jjtqkd?file=/src/App.tsx

PrimeReact version

9.6.2

React version

18.x

Language

TypeScript

Build / Runtime

Create React App (CRA)

Browser(s)

No response

Steps to reproduce the behavior

1. Click on the resize button in order to resize the width of the columns.
2. Resize a column manually.
3. Click on the resize button and check that no columns are resized.

Expected behavior

When the resize button is clicked, the width and max-width of the column should change as it happens before the manual resize is done.

[melloware]

I am not positive but I don't think you can mix and match fixed columns with the resizable columns feature.