Table: Resizable columns in expand mode with state feature. Column sizes not properly restored

[An0d]

Describe the bug

When using the resizable columns in "expand" mode with the state feature.
The size of the columns is not correctly restored.

The total width of the table is saved in the state with the format "1234px".
When restoring the state of the columns, the method "restoreColumnWidths" restores the total width of the table by adding "px" again (it tries to restore the width with the value "1234pxpx")

saveColumnWidths(state) {
...
        if (this.columnResizeMode === 'expand') {
            state.tableWidth = DomHandler.getOuterWidth(this.tableViewChild.nativeElement) + 'px';
        }
...
}

restoreColumnWidths() {
...
        if (this.columnResizeMode === 'expand' && this.tableWidthState) {
            this.setResizeTableWidth(this.tableWidthState + 'px');
        }
...
}

Environment

PrimeNG 14.x
Table component with Resizable columns & expand mode & table state feature

Reproducer

https://stackblitz.com/edit/github-3ah8na

Angular version

14

PrimeNG version

14

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

18

Browser(s)

No response

Steps to reproduce the behavior

1. Go to https://stackblitz.com/edit/github-3ah8na
2. Resize a column
   State is saved in local storage under https://github-3ah8na.stackblitz.io > statedemo-local
3. Refresh the sample
4. Column size is not properly restored
5. Edit statedemo-local stored in local storage
   Remove "px" from tableWidth
6. Refresh the sample
7. Column size is now properly restored

Expected behavior

Column sizes should be restored when using expand mode with state feature