Table: Performance degradation for the table with pFrozenColumn

[sd-git]

Describe the bug

After upgrading PrimeNG 17.14.1 -> 17.15.0 screen resize events started to flood components with change detection event and for non-trivial table with a lot of rows this is significant performance impact (up to the hanging devtools in debug mode).

After looking through the code changes between 17.14.1 and 17.15.0 this could be the potential trigger for degradation: #15302

The latest version of PrimeNG 17.18.2 is also affected.

Environment

Reproducible with stackblitz example and simplest table

Reproducer

https://stackblitz.com/edit/github-my8zxt?devToolsHeight=33&file=src%2Fapp%2Fmy-table%2Fmy-table.component.html

Angular version

17.3.11

PrimeNG version

17.18.2

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

18.20.3

Browser(s)

Chrome 126

Steps to reproduce the behavior

1. Open stackblitz example project
2. Click on 'Add row' button to add some more rows
3. Resize preview window and monitor change detection counter rapidly raising.
4. Downgrade to PrimeNG version 17.14.1 and repeat steps 1-3
5. Notice that resizing preview does not trigger massive CD events/ impact performance

Expected behavior

Same as in 17.14.1 - no massive CD events during screen/viewport resizing when table with pFrozenColumn is rendered.

[phalla-doll]

+1

[mertsincan]

Hi,

So sorry for the delayed response! Improvements have been made to many components recently, both in terms of performance and enhancement. Therefore, this improvement may have been developed in another issue ticket without realizing it. You can check this in the documentation and try the latest PrimeNG version(v19). If there is no improvement on this, can you open a new issue so we can include it in our roadmap?

Thanks a lot for your understanding!
Best Regards,