Hacktoberfest 2026: the issues maintainers tagged for October, open and beginner-friendly. Browse Hacktoberfest issues

Odd interaction between filtering and pagination

Open
#504 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty
4/5
Estimated time
3-5 days
Newbie friendliness
35/100
Issue type
Bug
Clarity
Needs clarification
Activity status
Stale
Tech stack
typescript
Domain
frontend

Research direction

Start by running the linked CodeSandbox reproduction and compare the table behavior before and after changing the pagination size. Then trace the filtering and pagination entry points in the react-data-view repository; done means filtered rows appear correctly, pagination controls and counts reflect the filtered result set, and the regression is covered by tests.

Written by the indexing model from the issue text.

Description

I noticed this when applying Data view in OpenShift console.

If a filter is applied to a table that is not on a page that includes the row or rows resulting from the filter, the pagination forward/back controls are disabled, the pagination count shows an inaccurate count, and the table displays no results. Changing the pagination count to a higher value resolves the bug.

https://github.com/user-attachments/assets/3cae33d3-d322-4989-a92d-ccac671dc295

See https://codesandbox.io/p/devbox/icy-feather-d39zd2?workspaceId=ws_E3FWuNWwfWsX1UNyq5bcoF and https://d39zd2.csb.app/?name=admin


Jira Issue: PF-2649

Dominant language
TypeScript
Stars
4
Forks
21
PR merge metrics
No merged PRs in 30d

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.

More from patternfly/react-data-view

All issues in patternfly/react-data-view

Similar issues

More TypeScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.