primefaces / primefaces/primereact

DataTable: Grouping rows generate repeated groups

Open
#6,757 7 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Resolution: By Design Resolution: Workaround
Dominant language
CSS
Stars
8.3k
Forks
1.2k
PR merge metrics
No merged PRs in 30d

Description

Describe the bug

When setting the groupRowsBy propety, it generate repeated groups.

Reproducer

https://stackblitz.com/edit/fxzaak?file=src%2FApp.jsx

PrimeReact version

10.6.6

React version

18.x

Language

TypeScript

Build / Runtime

Next.js

Browser(s)

Chrome 126

Steps to reproduce the behavior
  1. Click on the top bar "Agrupar por..." dropdown and choose "Activo"
Expected behavior

It should generate only two groups, one for "Activo" and "Inactivo".

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start with the StackBlitz reproducer and its src/App.jsx, then trace the DataTable behavior when the groupRowsBy prop is set through the “Activo” dropdown. Confirm the fix by reproducing the case and verifying that the table renders only the “Activo” and “Inactivo” groups.

Written by the indexing model from the issue text.

Assessment

Tech stack
nextjs, react, typescript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.