sh4dcnv2 · atlas
← libraries

@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.

15 components react shadcn-cli MIT

Install this registry

shadcn (npm) npx shadcn@latest add https://data-table.openstatus.dev/r/registry.json
pnpm pnpm dlx shadcn@latest add https://data-table.openstatus.dev/r/registry.json
bun bunx shadcn@latest add https://data-table.openstatus.dev/r/registry.json
fetch registry curl -s https://data-table.openstatus.dev/r/registry.json

Components

15 total
Data Table with Filters block

Data 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
Data Table Filter Command Palette block

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
Data Table Cell Renderers block

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
Data Table Sheet Detail Panel block

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
Data Table nuqs Store Adapter block

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
Data Table zustand Store Adapter block

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
Data Table Schema System block

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
Data Table Drizzle ORM Helpers block

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
Data Table Query Layer block

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
Data Table AI Filter Command Palette block

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
Data Table MCP Server block

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
Data Table Row Actions block

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
Data Table Remote block

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
Timeline Chart block

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
Example: infinite table block

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