@data-table-filters
Data tables for React and shadcn/ui: faceted filters, sorting, infinite scroll, row detail sheet, and server-side filtering with Drizzle. Built on TanStack Table. Powered by openstatus.
Install this registry
npx shadcn@latest add https://data-table.openstatus.dev/r/registry.json pnpm dlx shadcn@latest add https://data-table.openstatus.dev/r/registry.json bunx shadcn@latest add https://data-table.openstatus.dev/r/registry.json curl -s https://data-table.openstatus.dev/r/registry.json Components
15 totalData table with search, checkbox, slider, date range filters, sorting, infinite scroll, virtualization, and in-memory state management.
npx shadcn@latest add https://data-table.openstatus.dev/r/data-table.json Command palette for power-user filter input with history and keyboard shortcuts.
npx shadcn@latest add https://data-table.openstatus.dev/r/data-table-filter-command.json Cell renderer system with 12 types: text, code, badge, boolean, star, number, status-code, level-indicator, timestamp, heatmap, bar, and gauge.
npx shadcn@latest add https://data-table.openstatus.dev/r/data-table-cell.json Row detail side panel with cell renderers, keyboard navigation, and copy-to-clipboard.
npx shadcn@latest add https://data-table.openstatus.dev/r/data-table-sheet.json URL-based state management adapter using nuqs for shareable, bookmarkable filter state.
npx shadcn@latest add https://data-table.openstatus.dev/r/data-table-nuqs.json Client-side state management adapter using zustand for app-level filter persistence.
npx shadcn@latest add https://data-table.openstatus.dev/r/data-table-zustand.json Declarative table definitions with col.* factories, presets, and generators for columns, filters, and sheet fields.
npx shadcn@latest add https://data-table.openstatus.dev/r/data-table-schema.json Server-side filtering, faceted search, cursor pagination, and sorting helpers for Drizzle ORM.
npx shadcn@latest add https://data-table.openstatus.dev/r/data-table-drizzle.json React Query infinite query integration with a pluggable transport (base URL, headers, credentials, response parsing), cursor and offset pagination strategies, …
npx shadcn@latest add https://data-table.openstatus.dev/r/data-table-query.json AI-powered command palette that translates natural language queries into structured table filters. Provider-agnostic — works with any LLM via Vercel AI SDK.
npx shadcn@latest add https://data-table.openstatus.dev/r/data-table-filter-command-ai.json Expose your data table as an MCP endpoint for AI agents. Auto-generates tool schema from BYOS field definitions. Stateless, serverless-compatible.
npx shadcn@latest add https://data-table.openstatus.dev/r/data-table-mcp.json Row, bulk, and filter-scoped actions declared next to their Drizzle handlers and rendered from JSON: the list endpoint advertises what can be done to each row,…
npx shadcn@latest add https://data-table.openstatus.dev/r/data-table-actions.json A headless data table that renders from an API endpoint: point it at a table manifest and a list endpoint and it derives columns, filters, sheet fields, row id…
npx shadcn@latest add https://data-table.openstatus.dev/r/data-table-remote.json Stacked timeline bar chart above the table: one bar per time bucket, one series per level, drag to select a range and zoom the table's time filter to it. Ships…
npx shadcn@latest add https://data-table.openstatus.dev/r/data-table-chart.json A complete /example route to see the table running before wiring your own data: a table schema, a mock API that filters, computes facets and cursor-paginates i…
npx shadcn@latest add https://data-table.openstatus.dev/r/data-table-example-infinite.json