Quick Start

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

Let the agent handle the rest:

Add a data table with filters to my project

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

Install Components

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.

Blocks

The following blocks can be installed via shadcn CLI.

npx shadcn@latest add https://data-table.openstatus.dev/r/<block>