Filters

Data Grid reuses Niko Table filters. There is no separate grid/filters layer.

The Data Grid does not ship its own grid/filters/ directory. Sort, filter, and faceted UIs come from Niko Table and stay correct because focus/edits are id-addressed (not display index).

Table Filters ↗Table Components ↗

How filtering works with the grid

Build columns and toolbar filters as you would for any Niko Table.
Pass grid.rows into DataTableRoot as data.
Wrap the table in <DataGrid>: keyboard nav and selection read display order after filter/sort.
Cell editors keep using { rowId, columnId }, so filtered-out rows retain state.

1
<DataTableRoot data={grid.rows} columns={columns} getRowId={(r) => r.id}>
2
  <DataTableToolbarSection>
3
    <DataTableSearchFilter />
4
    <DataTableFacetedFilter columnId="status" title="Status" />
5
  </DataTableToolbarSection>
6
  <DataGrid grid={grid}>
7
    <DataTable>…</DataTable>
8
  </DataGrid>
9
</DataTableRoot>

Topic	Link
Filter primitives (Table*)	Filters overview
Context-aware filter UIs	Components overview
Faceted example	Faceted Filter Table
Advanced filter example	Advanced Table
Full grid demo with filters	Introduction

Home Docs Table Examples Grid Examples Contributing

Getting Started

Introduction Installation Manual Installation Components Skills

Niko Table

Introduction Components Core Filters Hooks Library Types Config

Examples

Simple Table Basic Table Search Table Row Selection Table Row Expansion Table Row Context Menu Table Inline Edit Table Column Pinning Table Column Resize Table Tree Table Row DnD Table Column DnD Table Aside Table Virtualization Table Infinite Scroll Table Infinite Scroll Virtualized Table Faceted Filter Table Advanced Filter Table Advanced Inline Filter Table Advanced Nuqs Table Server-Side Table Server-Side Nuqs Table Drizzle ORM Drizzle ORM + Nuqs

Data Grid

Introduction Components Core Filters Hooks Library Types Config API Reference

Data Grid Examples

Basic Grid Composed Grid Cell Types Validation Dynamic Columns Persistence Server Side

Contributing

Introduction Component Request Feature Request Contributing Code Documentation Guidelines