Records and tables
From the first filtered row to an edit made in place.
Start here
Start with the complete picture.
Preview the pieces, then open the connected journey.
The journey
Follow a complete task.
Lists you scan and records you work in: a table, its views and filters, and a record with its details.
- Filter the table and switch views.
- Open a record beside the list without losing your place.
- Edit a value in place and see it saved.
States it handles
Empty and no-match views, an edit made in place, a sort kept per view, a panel that keeps your place.
Your application stays in charge.
The example uses fictional records in memory. Connect your own data source and keep the saving and error contracts.
Own the source
Add the kit, or start with a few pieces.
Every piece installs with the shadcn CLI and becomes source in your repo. Free pieces stay free; Pro unlocks the rest of every kit.
Add the whole kit
With Pro, after the one-time registry setup. One set of files for any components.json style, Base or Radix; the primitives run on Base UI.
pnpm dlx shadcn@latest add @notchset/data-table @notchset-pro/view-tabs @notchset/sortable-header @notchset-pro/record-header @notchset-pro/record-details @notchset/inline-edit @notchset/search-field @notchset/side-panelStart with the free pieces
No account, no setup. One command for every shadcn style.
pnpm dlx shadcn@latest add https://notchset.dev/r/data-table.json https://notchset.dev/r/sortable-header.json https://notchset.dev/r/inline-edit.json https://notchset.dev/r/search-field.json https://notchset.dev/r/side-panel.jsonNew project? Set up your project. The full kit includes Pro pieces and uses your authorized registry setup.
8 live pieces