SuperAPI AI 工具集

data table

数据与分析

查看项目

更新于 10-16 07:14

技能介绍

用途:在需要展示多属性的结构化表格数据、跨条目比较、支持排序筛选搜索,或展示财务数据、库存、用户列表、分析数据、批量操作与可导出数据时使用。不适合简单列表(用 List View)、复杂层级数据(用 Tree View)、内容为主的项目、无响应式方案的小屏移动端、强实时更新和叙事性内容等场景。

主要能力:文档围绕模式选择、结构与示例展开,涵盖客户端与服务端排序筛选的取舍,并给出实现工作流:先确认模式匹配问题与约束,再从 references/pattern.md 的结构与示例出发选择最小可行变体,在视觉打磨前应用无障碍、性能与交互防护,并依据测试指南验证键盘、屏幕阅读器、响应式与失败场景。

必要用法与性能指标:资料给出目标指标——首 50 行初次渲染低于 300ms,1000 行排序低于 100ms,带防抖的筛选低于 200ms,虚拟滚动保持 60 FPS,10000 行内存占用低于 50MB。客户端操作适用于少于 1000 行、需快速交互筛选、数据已全部加载、需离线功能或复杂多列排序的场景。

常见错误与修复:一次性渲染全部行会导致浏览器卡顿,应使用 TanStack Virtual 等虚拟滚动实现只渲染可见行;缺少移动端替代方案会造成体验不佳,应提供卡片网格或堆叠键值对视图,必要时用粘性首列;功能过载应通过渐进披露先保留搜索与排序等核心控件。完整示例与测试说明见 references/pattern.md。

限制:资料未提供具体安装命令、收费方式、价格、平台支持或效果承诺,这些事实暂未提供。