D
openstatusHQ/data-table-filters
Data Table with Filtersdata-tableData table with search, checkbox, slider, date range filters, sorting, infinite scroll, virtualization, and in-memory state management.
Data Table Row Actionsdata-table-actionsRow, 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, the UI renders buttons, one POST applies it in a transaction.
Data Table Cell Renderersdata-table-cellCell renderer system with 12 types: text, code, badge, boolean, star, number, status-code, level-indicator, timestamp, heatmap, bar, and gauge.
Timeline Chartdata-table-chartStacked 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 the bucketing helper that turns rows into chart data with the same semantics as the Drizzle handler.
Data Table Drizzle ORM Helpersdata-table-drizzleServer-side filtering, faceted search, cursor pagination, and sorting helpers for Drizzle ORM.
Example: infinite tabledata-table-example-infiniteA 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 in memory with the same semantics as the Drizzle handler, and the infinite table with a timeline chart, URL state, command palette and row sheet. Delete app/example when you have your own.
Data Table Filter Command Palettedata-table-filter-commandCommand palette for power-user filter input with history and keyboard shortcuts.
Data Table AI Filter Command Palettedata-table-filter-command-aiAI-powered command palette that translates natural language queries into structured table filters. Provider-agnostic — works with any LLM via Vercel AI SDK.
Data Table MCP Serverdata-table-mcpExpose your data table as an MCP endpoint for AI agents. Auto-generates tool schema from BYOS field definitions. Stateless, serverless-compatible.
Data Table nuqs Store Adapterdata-table-nuqsURL-based state management adapter using nuqs for shareable, bookmarkable filter state.
Data Table Query Layerdata-table-queryReact Query infinite query integration with a pluggable transport (base URL, headers, credentials, response parsing), cursor and offset pagination strategies, and faceted search helpers.
Data Table Remotedata-table-remoteA 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 identity and capability-aware degradation with no per-column code.
Data Table Schema Systemdata-table-schemaDeclarative table definitions with col.* factories, presets, and generators for columns, filters, and sheet fields.
Data Table Sheet Detail Paneldata-table-sheetRow detail side panel with cell renderers, keyboard navigation, and copy-to-clipboard.
Data Table zustand Store Adapterdata-table-zustandClient-side state management adapter using zustand for app-level filter persistence.