primereact
primereact copied to clipboard
DataTable: Row groups are duplicated when the groupRowsBy value is changed
Describe the bug
When changing the groupRowsBy value (e. g. with a dropdown), some row groups aren't unique: there are several groups with the same header.
When a group is expanded, all the groups with the same header are also expanded and cannot be collapsed
Reproducer
https://stackblitz.com/edit/bbmmvc-uzgnvq
PrimeReact version
latest
React version
17.x
Language
TypeScript
Build / Runtime
Create React App (CRA)
Browser(s)
No response
Steps to reproduce the behavior
- Change the value of the dropdown from "representative" to "country"
- There are 3 groups "Argentina", 2 groups "Egypt", 2 "Italy", etc.
- Expand the first "Argentina", the second and third "Argentina" are also expanded and cannot be collapsed
Expected behavior
All the rows of the same groupRowsBy value are in the same group header
I am seeing the same issue, may i know if there is any work around for this issue