building-tables
✓构建用于显示表格信息的表格和数据网格，从简单的 HTML 表格到复杂的企业数据网格。在创建表、实现排序/过滤/分页、处理大型数据集（10-1M+行）、构建类似电子表格的界面或设计数据密集型组件时使用。提供性能优化策略、可访问性模式 (WCAG/ARIA)、响应式设计和库建议（TanStack Table、AG Grid）。
SKILL.md
This skill enables systematic creation of tables and data grids from simple HTML tables to enterprise-scale virtualized grids handling millions of rows. It provides clear decision frameworks based on data volume and required features, ensuring optimal performance, accessibility, and responsive design across all implementations.
For detailed selection criteria, reference references/selection-framework.md.
For optimization strategies, reference references/performance-optimization.md.
构建用于显示表格信息的表格和数据网格，从简单的 HTML 表格到复杂的企业数据网格。在创建表、实现排序/过滤/分页、处理大型数据集（10-1M+行）、构建类似电子表格的界面或设计数据密集型组件时使用。提供性能优化策略、可访问性模式 (WCAG/ARIA)、响应式设计和库建议（TanStack Table、AG Grid）。 来源：ancoleman/ai-design-components。
可引用信息
为搜索与 AI 引用准备的稳定字段与命令。
- 安装命令
npx skills add https://github.com/ancoleman/ai-design-components --skill building-tables- 分类
- #文档处理
- 认证
- ✓
- 收录时间
- 2026-02-01
- 更新时间
- 2026-02-18
快速解答
什么是 building-tables？
构建用于显示表格信息的表格和数据网格，从简单的 HTML 表格到复杂的企业数据网格。在创建表、实现排序/过滤/分页、处理大型数据集（10-1M+行）、构建类似电子表格的界面或设计数据密集型组件时使用。提供性能优化策略、可访问性模式 (WCAG/ARIA)、响应式设计和库建议（TanStack Table、AG Grid）。 来源：ancoleman/ai-design-components。
如何安装 building-tables？
打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等） 复制并运行以下命令：npx skills add https://github.com/ancoleman/ai-design-components --skill building-tables 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code 或 Cursor 中使用
这个 Skill 的源码在哪？
https://github.com/ancoleman/ai-design-components
详情
- 分类
- #文档处理
- 来源
- skills.sh
- 收录时间
- 2026-02-01