SKILLS & AGENTS/Skill 与 Agent·MCP-SERVER

data-table-filters

openstatusHQ/data-table-filters

任意数组、一行代码、自动生成带分面筛选、排序和无限滚动的表格。One <DataTableAuto> turns any array into a React table with faceted filters, sorting, and infinite scroll.

给shadcn/ui的React数据表格，带多面筛选、排序和无限滚动。A React data table system for shadcn/ui with faceted filters, sorting, and infinite scroll, powered by SQL.

打开仓库Open repository 官网Homepage 上升中Rising

怎么装：Install: npx shadcn@latest add @data-table-filters/data-table @data-table-filters/data-table-schema

02 / 现在的位置02 / Why now

它现在处在什么位置Where it stands right now

首次发现FIRST SEEN

03 OCT 202603 OCT 2026

增长GROWTH

+0.0%+0.0%

2.3k → 2.3k stars · 3 个快照2.3k → 2.3k stars · 3 snapshots

状态STATUS

持续活跃Active

已有2271个star，社区认可度高。2271 GitHub stars and active development (2 commits in last 7 days)

03 / 它能帮你做什么03 / What it helps you do

它能帮你做成什么What it helps you do

01
用一条命令安装表格和筛选
02
用任意数据直接生成表格
03
用勾选框、输入框、滑杆筛选数据
04
让表格无限滚动，自动加载更多
05
让筛选和翻页直接在数据库里完成

01
Render a table from any array of objects automatically
02
Add faceted filters with checkboxes, sliders, and timers
03
Sort columns and scroll through infinite pages
04
Run filtering and pagination in SQL via Drizzle
05
Define type-safe column schemas with presets

04 / 安装04 / Install

怎么装How to install

NPX

$

README 里给出的安装方式。The installation method given in the README.

NPX

$

README 里给出的安装方式。The installation method given in the README.

两种装法选一个即可 —— 上面那条给命令行用户，下面那条给写代码的用户。Pick one of the two — the first is for command-line users, the second for people writing code.

运行 npx shadcn@latest add @data-table-filters/data-table @data-table-filters/data-table-schemaInstall the core block and schema system with a single npx shadcn command, or create a full Next.js example with pnpm.

05 / 限制与风险05 / Limits and risk

限制与风险Limits and risk

风险不是警告，是可信度的一部分。以下结论只基于文档静态扫描，我们不会执行项目里的任何代码。Risk here is evidence, not an alarm. These findings come from static scanning of the docs; we never execute a project’s code.

限制LIMITS

需检查Needs review

01需要 API KeyREQUIRES API KEY: 未在文档中发现Not found in the docs
02需要本地环境NEEDS LOCAL RUNTIME: 是Yes
03需要 DockerNEEDS DOCKER: 未在文档中发现Not found in the docs
04难度DIFFICULTY: 需要本地环境Needs a local runtime

PROVENANCE · 这些结论的依据是什么Where these conclusions come from

来源 URLSource URL: https://github.com/openstatusHQ/data-table-filters
原始数据哈希Raw data hash: c990b70cf07df05ebecf5a55860c25cd
解析时间Parsed at: 2026-10-05T22:13:17.368Z
最后一次验证Last verified: 2026-10-05T13:45:39.240Z
增长测量时间Growth measured: 2026-10-05T22:16:26.213Z
发现查询Discovery queries: focus:web:repo:shadcn
分类来源Category source: rules
焦点Focus: web · design (15)

静态扫描STATIC SCAN

01读写本地文件Reads and writes local files.agents/skills/shadcn/SKILL.md

- Has local changes → read the local file, analyze the diff, and apply upstream updates while preserving local modifications.

静态扫描未发现高风险，但发现一条中风险：文档说明在有本地改动时，会读取本地文件、分析差异并应用上游更新，涉及读写本地文件。The static scan found a medium risk: the tool can read local files to analyze diffs and apply updates while preserving local changes. This is intentional for its update mechanism, but you should review the code before using it on sensitive projects.

这里只做静态扫描：读 README、SKILL.md 和依赖清单，不执行代码。没有命中不代表安全。This is static scanning only: we read the README, SKILL.md and dependency list, and never execute code. No findings does not mean safe.

完整解析证据 JSONFull parse evidence JSON

{
  "agents": [
    {
      "agent": "claude-code",
      "evidence": "tree: .claude/"
    },
    {
      "agent": "cursor",
      "evidence": "tree: .cursor/"
    }
  ],
  "apiKey": null,
  "docker": null,
  "taxonomy": {
    "scores": {
      "design": 0,
      "ai-tools": 0,
      "dev-tools": 1,
      "indie-web": 0,
      "skill-agent": 0,
      "productivity": 0
    },
    "primary": "skill-agent",
    "secondary": "mcp-server"
  },
  "localRuntime": "out and paint, running on the GPU. Animating `padding`, `margin`, `height",
  "skillMdTotal": 15,
  "skillMdErrors": [],
  "treeTruncated": false,
  "categoryScores": {
    "data": 4,
    "agent": 0,
    "media": 0,
    "design": 9,
    "browser": 0,
    "devtool": 1,
    "security": 0,
    "marketing": 0,
    "productivity": 0
  },
  "classification": [
    {
      "signal": "15 SKILL.md with name + description",
      "weight": 0.95
    },
    {
      "signal": "skills/ directory with 9 markdown files",
      "weight": 0.75
    },
    {
      "signal": "Claude Code plugin manifest",
      "weight": 0.7
    },
    {
      "signal": ".mcp.json (configures servers it uses)",
      "weight": 0.3
    }
  ],
  "scannedSources": [
    "readme",
    ".agents/skills/emil-design-eng/SKILL.md",
    ".agents/skills/frontend-design/SKILL.md",
    ".agents/skills/game-changing-features/SKILL.md",
    ".agents/skills/grill-me/SKILL.md",
    ".agents/skills/improve-codebase-architecture/SKILL.md",
    ".agents/skills/improve/SKILL.md",
    ".agents/skills/mcp-builder/SKILL.md",
    ".agents/skills/next-best-practices/SKILL.md",
    ".agents/skills/shadcn/SKILL.md",
    ".agents/skills/skill-creator/SKILL.md",
    ".agents/skills/tdd/SKILL.md",
    ".agents/skills/vercel-composition-patterns/SKILL.md",
    ".agents/skills/vercel-react-best-practices/SKILL.md",
    ".agents/skills/web-design-guidelines/SKILL.md",
    "skills/data-table-filters/SKILL.md"
  ],
  "skillMdFetched": 15
}