primereact icon indicating copy to clipboard operation
primereact copied to clipboard

DataTable: Row groups are duplicated when the groupRowsBy value is changed

Open FAMSTM opened this issue 1 year ago • 1 comments

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

  1. Change the value of the dropdown from "representative" to "country"
  2. There are 3 groups "Argentina", 2 groups "Egypt", 2 "Italy", etc.
  3. 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

FAMSTM avatar May 10 '24 10:05 FAMSTM

I am seeing the same issue, may i know if there is any work around for this issue

pmaheshkumar8 avatar Apr 24 '25 01:04 pmaheshkumar8