Skip to content

React Data Grid KitReact table components for data-heavy workflows

Typed columns, custom cell templates, filter controls, grouped rows, and accessible responsive rendering.

Documentation Map

Read /quick-start first when adding the package to an app. Read /concepts next when deciding what state the table should own and what the host application should own.

Use the workflow guides for implementation:

  • /toolbar-and-slots for quick search, column controls, bulk actions, summaries, and pagination slots.
  • /columns for visibility, ordering, resizing, pinning, and saved views.
  • /server-data for manual sorting, manual filtering, pagination metadata, loading, stale refreshes, and errors.
  • /editing for inline editors, async validation, and controlled edit state.
  • /responsive-rendering for built-in mobile fields and custom mobile cards.
  • /headless for model helpers used by saved-view stores, adapters, and tests.

Use /api as the prop and type reference after the workflow is clear.