Skip to content

Conversation

@Coderxrohan
Copy link
Contributor

Problem

Typing in the global filter of the Customers DataTable demo causes noticeable lag when row count is increased (e.g. 50+ rows), as filters are updated on every keystroke, triggering full table re-renders.

Solution

Applied useDebounce to the global filter input and moved filter updates into a debounced effect so filtering only runs after typing pauses.

Impact

  • Smooth typing for larger datasets
  • No behavior change to filtering logic
  • Demo now reflects recommended performance best practices

Testing

  • Verified locally with 50+ rows
  • Confirmed reduced re-renders using React Profiler

Fixes: #8460 (DataTable demo: noticeable lag and whole-table re-renders when increasing rows (demo reproduction))

@melloware melloware merged commit 9e275c4 into primefaces:master Jan 3, 2026
2 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

DataTable demo: noticeable lag and whole-table re-renders when increasing rows (demo reproduction)

2 participants