Component: Table - Frozen Columns

[igor-h]

Describe the bug

The bug happens when you resize the browser window from full screen to half screen, or otherway arround.

Here we can see an example, of resizing a page with Table with frozen columns, from window mode to full screen:

It takes 20-30 seconds the application to unblock when we have Frozen Columns feature enabled with 10 Frozen Columns of 20 total columns on the table.

We also tested to disable the Frozen Columns and everything works well with no "lag".

Here I created a fork from official documentation in primeNG and resized the window and happens the same:

When you resize to bigger size, you will see a white space in the right side, until the application is re-rendering the table again.
(it takes 3-5 seconds)

Environment

Happens in local and on prod environment.
But is not environment related, is related with Table Frozen Columns

Reproducer

https://stackblitz.com/edit/y6hm4b-rijdqs?file=src%2Fapp%2Ftable-frozen-columns-demo.ts

Angular version

17.3.12

PrimeNG version

17.18.9

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

node:20-alpine

Browser(s)

Edge, Chrome

Steps to reproduce the behavior

1. Create a PrimeNG Table
2. Add Frozen Columns
3. Define at least 10-20 columns
4. Make 10 columns as frozen
5. Resize the Browser window.
6. The web app freezes and you cannot do anything for 10-20 seconds only happens with frozen columns

Expected behavior

The web app freezes and you cannot do anything for 10-20 seconds only happens with frozen columns

The Expected behavior should be, that the application does not freeze and you can resize the window without experiencing this issues.

[igor-h]

Happens also in version:

   "primeng": "17.18.11",
   "@angular/core": "^18.0.1",