Grouping Functionality in p-table Breaks After Pagination Navigation Beyond First Page

EleftheriosTsiridis commented 3 months ago

Describe the bug

Issue Title:

Issue Description:

When integrating paginator logic into the existing PrimeNG component, a functionality inconsistency occurs. After navigating beyond the first page using the paginator controls, the grouping functionality ceases to operate correctly. Instead of maintaining the intended grouping structure, each row appears to be grouped individually.

Steps to Reproduce:

Use the existing PrimeNG example of Row Group Subheader in StackBlitz (accessible via https://primeng.org/table).
Integrate paginator logic into the PrimeNG <p-table> component.
Navigate beyond the first page using the paginator controls.
Observe the breakdown in grouping functionality, where each row seems to be grouped individually.

Expected Behavior:

After navigating to subsequent pages using the paginator, the grouping functionality should remain intact, preserving the original group structure as defined by the groupRowsBy attribute.

Additional Information:

PrimeNG Version: 17.12.0
Angular Version: 17.3.1

Note:

This issue significantly impacts user experience and functionality, especially when managing large datasets where pagination and grouping are vital features. Prompt attention and resolution of this matter would be greatly appreciated. Additionally, it's worth noting that this issue may be related to https://github.com/primefaces/primeng/pull/14672.

Environment

stackblitz.com

Reproducer

No response

Angular version

17.3.1

PrimeNG version

17.12.0

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

v18.18.0

Browser(s)

No response

Steps to reproduce the behavior

1) Use the existing PrimeNG example of Row Group Subheader in StackBlitz (accessible via https://primeng.org/table). 2) Integrate paginator logic into the PrimeNG component. 3) Navigate beyond the first page using the paginator controls. 4) Observe the breakdown in grouping functionality, where each row seems to be grouped individually.

Expected behavior

No response

psarno commented 2 months ago

This seems like the issue I opened back in 2022 (11764).

It's still open (and still broken) last I checked.

EleftheriosTsiridis commented 2 months ago

This seems like the issue I opened back in 2022 (11764).

It's still open (and still broken) last I checked.

Hello,

I wanted to update you on the issue. The grouping functionality was working between versions 17.2 to 17.11 but seems to have regressed in the latest version.

Can you reproduce the problem in StackBlitz for those versions? Share the links so we can investigate.

Best regards

DSyarovIV commented 2 months ago

Hello, I managed to reproduce it. Here is a stackblitz: https://stackblitz.com/edit/3gpdab?file=src%2Fapp%2Fdemo%2Ftable-subheader-grouping-demo.html

EleftheriosTsiridis commented 2 months ago

Hello, I managed to reproduce it. Here is a stackblitz: https://stackblitz.com/edit/3gpdab?file=src%2Fapp%2Fdemo%2Ftable-subheader-grouping-demo.html

Yes, as i told you after navigating beyond the first page using the paginator controls, the grouping functionality ceases to operate correctly. Instead of maintaining the intended grouping structure, each row appears to be grouped individually.

Any help would be appreciated.

Here are some screenshots from your stackblitz link: Screenshot_1 Screenshot_2 Screenshot_3

primefaces / primeng