primefaces / primefaces/primereact

DataTable: Issue with the virtual scroller

Open
#8,439 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Status: Needs Triage
Dominant language
CSS
Stars
8.3k
Forks
1.2k
PR merge metrics
No merged PRs in 30d

Description

Describe the bug

The DataTable is not rendered on container display change.

Reproducer

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

System Information
PrimeReact 10.9.7
Steps to reproduce the behavior
  1. Click on page 2 radio then switch to page 1
  2. The DataTable is not displayed
Expected behavior

The DataTable should be correctly displayed when its parent display style switch from none to block.

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 linked StackBlitz reproducer, especially src/App.jsx, and reproduce switching from page 2 to page 1 after changing the parent display from none to block. Trace the DataTable virtual scroller behavior during that transition; done means the table renders correctly when the parent becomes visible again.

Written by the indexing model from the issue text.

Assessment

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.