What problem does it solve?
Setting up column filtering in TanStack Table involves coordinating filter state, row models, and filter functions, and mistakes like mixing manual and client filtering or filtering renderer output silently break results.
Core Features & Use Cases
- Feature Registration: Register columnFilteringFeature, createFilteredRowModel, and individual filterFn built-ins through tableFeatures for tree-shakable bundles.
- Controlled State Handling: Correctly handle updater-function callbacks in onColumnFiltersChange using functionalUpdate.
- Leaf-Row Filtering: Configure filterFromLeafRows and maxLeafRowFilterDepth so parent rows survive when descendants match.
- Use Case: When building a data grid where users filter a status column, use helper.accessor('status', { filterFn: 'includesString' }) so built-in string filters receive comparable values instead of objects.
Quick Start
Ask the AI to set up column filtering in a TanStack Table with the includesString filter function and controlled filter state.