Component: Table (p-table) #16631
Labels
Resolution: Help Wanted
Issue or pull request requires extra help and feedback
Resolution: Needs Upvote 👍
Support this idea or feature by adding an upvote. Community feedback helps with prioritization.
Milestone
Describe the bug
Hello, I'm using p-table with expandable row groups and virtual scrolling.
if the number of group headers can't fit within the virtual scroll height initially, as you scroll down each single row data is wrapped in a separate expandable group header.
when this grouped header (wrapping only one row data) is collapsed, if there are similar group headers they are also collapsed and sometimes a white space is left in the table with no-use.
I have been able to reproduce in stackblitz: https://stackblitz.com/edit/qlahmk-aruxie?file=src%2Fapp%2Ftable-expandable-row-group-demo.html
Please try to fix this as it is a bottle-neck trying to create high-performance tables having expandable group headers
Environment
on Stackblitz
primeng: v17.18.11
node: v18.20.3
angular cli: v18.2.0
also able to reproduce for older primeng versions, node versions and angular cli versions
Reproducer
https://stackblitz.com/edit/qlahmk-aruxie?file=src%2Fapp%2Ftable-expandable-row-group-demo.html
Angular version
18.2.0
PrimeNG version
17.18.11
Build / Runtime
Angular CLI App
Language
TypeScript
Node version (for AoT issues node --version)
18.20.3
Browser(s)
No response
Steps to reproduce the behavior
Expected behavior
Should be able to use virtual scrolling with expandable grouped headers freely.
When I scroll down I should be able to see rows grouped together with a unique group header
When I collapse a group header, Only the one I collapsed should be collapsed
The text was updated successfully, but these errors were encountered: