The datatable is configured to be stateful, column resizable to "expand" and horizontally scrollable.
The problem is that after resizing the columns and reloading the page, the columns are not restored to modified widths. Also the table would overflow the container box which is not expected.
Describe the bug
The example is a modified version of "Horizontal and Vertical with Footer" in official website: https://primefaces.org/primevue-v2/#/datatable/scroll
The datatable is configured to be stateful, column resizable to "expand" and horizontally scrollable.
The problem is that after resizing the columns and reloading the page, the columns are not restored to modified widths. Also the table would overflow the container box which is not expected.
Reproducer
https://codesandbox.io/s/primevue2-stateful-scrollable-resizable-datatable-yj23h2?file=/src/App.vue
PrimeVue version
2.10.1
Vue version
2.x
Language
ES6
Build / Runtime
Vue CLI App
Browser(s)
No response
Steps to reproduce the behavior
Note: You can press "Reset State and Reload" to retry from step 1.
Expected behavior