Studiov0.6.0

DataTable

Tier 1 — shadcn
Data Display

A full-featured sortable, filterable, and paginated data table built on TanStack Table.

Live Preview

NameStatusCapital
Prairie VistaActive$12M
Dos PueblosPending$8M
The HeavensDraft$5M

DataTable wraps useReactTable — use with columns: ColumnDef[] and data[]

Code

import { DataTable } from "@regen/ui";

<DataTable />

Props Inspector

No configurable props for this component.

Documentation

Use Cases

  • •Campaign contact lists
  • •Work item boards
  • •Analytics dashboards

Do

  • ✓Define columns with accessorKey and header
  • ✓Use DataTableColumnHeader for sortable columns

Don't

  • ✗Don't use for 10 or fewer static rows — use Table
  • ✗Don't load all data client-side for large datasets