TanStack / TanStack/table

Filtered row disappears if its cell value was changed

Open
#4,905 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
TypeScript
Stars
28.4k
Forks
3.6k
Avg merge
1d 14h
Merged PRs (30d)
10

Description

Describe the bug

Used features:

  • editable cells
  • filters

Shortly - the row with the changed value disappears from the filter results as it doesn't match filter value anymore

Your minimal, reproducible example

https://csxpqs.sse.codesandbox.io/

Steps to reproduce
  1. Filter table by any column
  2. Change cell value to any which doesn't contain symbols from the current filter value
Expected behavior

The row with the changed value is still present in the results until filter value is changed

How often does this bug happen?

Every time

Screenshots or Videos

No response

Platform

any platform, any browser

react-table version

v8.7.9

TypeScript version

No response

Additional context

Not sure it's a bug, but it's a nice to have functionality which can make users life easier.
I'll appreciate any thoughts on how to implement it with/without library changes.

Terms & Code of Conduct
  • I agree to follow this project's Code of Conduct
  • I understand that if my bug cannot be reliable reproduced in a debuggable environment, it will probably not be fixed and this issue may even be closed.

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

No repository file, test, or entry point is named. Start by reproducing the behavior in the linked CodeSandbox with editable cells and filters, then trace the filtering and edit interaction; done means the changed row remains visible until the filter value changes.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
frontend
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 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.