@tablecn

Data table and filter builder blocks with search, sorting, pagination and URL-synced filters. Built for Radix UI, Base UI and React Aria.

2 components react shadcn-cli MIT

website ↗ github ↗ registry ↗ agent brief (.md) ↗

Install this registry

shadcn (npm) npx shadcn@latest add https://table-cn.vercel.app/r/registry/registry.json

pnpm pnpm dlx shadcn@latest add https://table-cn.vercel.app/r/registry/registry.json

bun bunx shadcn@latest add https://table-cn.vercel.app/r/registry/registry.json

fetch registry curl -s https://table-cn.vercel.app/r/registry/registry.json

Components

2 total

Filter Builder block

A filter builder for data tables: field, operator and value rows applied to the URL, built on @querycn/filter-react.

npx shadcn@latest add https://table-cn.vercel.app/r/{style}/filter-builder.json

Data Table block

A data table on TanStack Table v9: sorting and pages in the URL, a saved column layout, row selection and inline editing, built on @querycn/table-react.

npx shadcn@latest add https://table-cn.vercel.app/r/{style}/data-table.json