BackOpenStatus Logo

Quick Start

Install

Start by installing the core data-table block — it includes the table engine, memory store adapter, and all 4 filter types:

npx shadcn@latest add https://data-table.openstatus.dev/r/data-table.json

Then add any extension block from the registry below.

Agent Skill

Install the skill and let your AI agent handle the setup:

npx skills add https://github.com/openstatushq/data-table-filters --skill data-table-filters

Then prompt your agent:

Add a data table with filters to my project

It detects your stack, installs the right blocks, and wires them up.

Blocks

The following blocks can be installed via shadcn CLI.

npx shadcn@latest add https://data-table.openstatus.dev/r/<block>
NameBlockComponents
data-tabledata-table.json51
data-table-filter-commanddata-table-filter-command.json2
data-table-celldata-table-cell.json10
data-table-sheetdata-table-sheet.json5
data-table-nuqsdata-table-nuqs.json4
data-table-zustanddata-table-zustand.json3
data-table-schemadata-table-schema.json12
data-table-drizzledata-table-drizzle.json7
data-table-querydata-table-query.json3
GitHubXBluesky

Powered by OpenStatus