Data Table
A full-featured table built on TanStack Table v9: search, faceted filters, sorting, column visibility, row selection and pagination.
Built on Radix UI$ pnpm dlx shadcn@latest add https://multidash-app.vercel.app/r/data-table.json| Status | ||
|---|---|---|
| olivia@example.com | Success | $316 |
| budi@example.com | Success | $242 |
| liam@example.com | Processing | $837 |
| ayu@example.com | Success | $874 |
| noah@example.com | Failed | $721 |
6 row(s)
Installation
Add Data Table with the shadcn CLI, or copy the source by hand. In this repo there's nothing to install — import it from @multidash/ui.
$ pnpm dlx shadcn@latest add https://multidash-app.vercel.app/r/data-table.jsonAdds the component, the components it builds on, its npm packages and the theme tokens it uses. Using Multidash often? Add the registry to components.json once:
{
"registries": {
"@multidash": "https://multidash-app.vercel.app/r/{name}.json"
}
}Then add components by name:
$ pnpm dlx shadcn@latest add @multidash/data-tableUsage
import {
} from "@multidash/ui/components/data-table"Examples
Filters, selection and actions
Faceted filters need filterFn: "oneOf" on the column. The toolbar prop receives the table for bulk actions.
| Product | Status | ||||||
|---|---|---|---|---|---|---|---|
| INV-1048 | Olivia Martin olivia@example.com | Pro License | 2026-10-07 | Paid | $249 | ||
| INV-1047 | Jackson Lee jackson@example.com | Team License | 2026-10-07 | Pending | $129 | ||
| INV-1046 | Isabella Nguyen isabella@example.com | Personal License | 2026-10-06 | Paid | $49 | ||
| INV-1045 | William Kim will@example.com | Team License | 2026-10-06 | Refunded | $129 | ||
| INV-1044 | Sofia Davis sofia@example.com | Personal License | 2026-10-05 | Paid | $49 | ||
| INV-1043 | Budi Santoso budi@example.com | Pro License | 2026-10-05 | Failed | $249 | ||
| INV-1042 | Ayu Lestari ayu@example.com | Personal License | 2026-10-04 | Paid | $49 | ||
| INV-1041 | Liam Johnson liam@example.com | Team License | 2026-10-04 | Paid | $129 | ||
| INV-1040 | Emma Wilson emma@example.com | Pro License | 2026-10-03 | Pending | $249 | ||
| INV-1039 | Rizky Pratama rizky@example.com | Personal License | 2026-10-03 | Paid | $49 |
0 of 40 row(s) selected