·tanstack-table
{}

tanstack-table

用于 React 的 TanStack Table v8 无头数据表。涵盖列定义、排序、过滤(模糊/分面)、使用 TanStack 查询进行服务器端分页、无限滚动、虚拟化(TanStack Virtual)、列/行固定、行扩展/分组、列大小调整和可重用 Shadcn 风格的组件。防止 15 个已记录的错误,包括无限重新渲染、React 编译器不兼容和服务器端状态不匹配。 在构建数据表、修复表性能、实现服务器端分页、添加过滤/排序或调试表状态问题时使用。

30安装·2热度·@oakoss

安装

$npx skills add https://github.com/oakoss/agent-skills --skill tanstack-table

如何安装 tanstack-table

通过命令行快速安装 tanstack-table AI 技能到你的开发环境

  1. 打开终端: 打开你的终端或命令行工具(如 Terminal、iTerm、Windows Terminal 等)
  2. 运行安装命令: 复制并运行以下命令:npx skills add https://github.com/oakoss/agent-skills --skill tanstack-table
  3. 验证安装: 安装完成后,技能将自动配置到你的 AI 编程环境中,可以在 Claude Code、Cursor 或 OpenClaw 中使用

来源:oakoss/agent-skills。

SKILL.md

查看原文

TanStack Table is a headless table library — it provides state management and logic but no UI. You supply the rendering; it handles sorting, filtering, pagination, selection, and more.

When to use: Complex data tables with sorting/filtering/pagination, server-side data, large datasets (1000+ rows with virtualization), row selection/expanding/grouping.

When NOT to use: Simple static tables (use directly), display-only lists (use a list component), spreadsheet-like editing (consider AG Grid).

用于 React 的 TanStack Table v8 无头数据表。涵盖列定义、排序、过滤(模糊/分面)、使用 TanStack 查询进行服务器端分页、无限滚动、虚拟化(TanStack Virtual)、列/行固定、行扩展/分组、列大小调整和可重用 Shadcn 风格的组件。防止 15 个已记录的错误,包括无限重新渲染、React 编译器不兼容和服务器端状态不匹配。 在构建数据表、修复表性能、实现服务器端分页、添加过滤/排序或调试表状态问题时使用。 来源:oakoss/agent-skills。

可引用信息

为搜索与 AI 引用准备的稳定字段与命令。

安装命令
npx skills add https://github.com/oakoss/agent-skills --skill tanstack-table
分类
{}数据分析
认证
收录时间
2026-02-22
更新时间
2026-03-11

Browse more skills from oakoss/agent-skills

快速解答

什么是 tanstack-table?

用于 React 的 TanStack Table v8 无头数据表。涵盖列定义、排序、过滤(模糊/分面)、使用 TanStack 查询进行服务器端分页、无限滚动、虚拟化(TanStack Virtual)、列/行固定、行扩展/分组、列大小调整和可重用 Shadcn 风格的组件。防止 15 个已记录的错误,包括无限重新渲染、React 编译器不兼容和服务器端状态不匹配。 在构建数据表、修复表性能、实现服务器端分页、添加过滤/排序或调试表状态问题时使用。 来源:oakoss/agent-skills。

如何安装 tanstack-table?

打开你的终端或命令行工具(如 Terminal、iTerm、Windows Terminal 等) 复制并运行以下命令:npx skills add https://github.com/oakoss/agent-skills --skill tanstack-table 安装完成后,技能将自动配置到你的 AI 编程环境中,可以在 Claude Code、Cursor 或 OpenClaw 中使用

这个 Skill 的源码在哪?

https://github.com/oakoss/agent-skills

详情

分类
{}数据分析
来源
skills.sh
收录时间
2026-02-22