用途：系统化创建表格与数据网格，从简单 HTML 表格到可处理百万行的企业级虚拟化网格，按数据量与所需功能选择实现层级。
主要能力：按数据量分级——少于100行用语义化 HTML 表格渐进增强；100至1,000行用客户端排序、筛选、分页；1,000至10,000行用服务端操作与 API 分页；10,000至100,000行用虚拟滚动窗口化；超过100,000行用企业网格配合流式与 worker。支持单/多列排序与自定义排序逻辑、列级筛选与全局搜索、客户端或服务端分页、行选择与批量操作、单元格或行级内联编辑与校验、CSV/Excel/PDF 导出。
使用方式：按需求选择示例文件起步，如 simple-responsive-table.tsx、sortable-filtered-table.tsx、paginated-server-table.tsx、virtual-scrolling-grid.tsx、editable-data-grid.tsx、grouped-aggregated-table.tsx。常用库为 TanStack Table（headless，安装 npm install @tanstack/react-table）与 AG Grid（安装 npm install ag-grid-react）。测试脚本：python scripts/generate_mock_data.py --rows 10000、node scripts/analyze_performance.js、node scripts/validate_accessibility.js。
适用场景：表格或类电子表格界面、结构化数据展示、排序筛选分页、大数据集性能优化、行选择与批量操作、数据导出、无障碍与响应式表格。
限制：要求 WCAG 合规，使用语义化 HTML 与 ARIA grid 模式、完整键盘导航与屏幕阅读器播报；响应式有水平滚动、卡片堆叠、优先列、截断展开四种策略；主题依赖 design-tokens 技能。具体价格、收费与性能数值细节以原始资料为准，本文未展开。