可操作数据表展示
它在行列网格中展示数据,并允许用户移动焦点、选择、排序或编辑单元格。
- 可以用方向键在格子里移动的表
- 能排序选择和编辑单元格的数据表
- 像电子表格一样可以操作的网格
- 数据网格
- 交互表格
- 可编辑表格
示例
尚无经验证的示例
这条词条暂时只提供平台定义和出处,不用临时动画冒充正式内容。
Web / iOS / Android 对照
Web需自己实现
桌面与移动端现代浏览器
Data Grid
也叫 Grid
网页原生表格不提供网格键盘导航、选择、编辑和虚拟滚动,需要应用实现完整交互。
通常怎么做:静态数据继续用 table;只有确需单元格交互时才按 APG Grid 模式或成熟组件实现。
iOS需自己实现
iOS / iPadOS
Data Grid
苹果平台没有包含单元格焦点、排序和编辑行为的通用数据网格组件,Table 只解决基础展示。
通常怎么做:用 Table 或 UICollectionView 自定义,并为键盘和辅助技术设计清晰的行列导航。
Android需自己实现
Android 手机 / 平板
Data Grid
Android 没有完整数据网格组件;TableLayout 只负责布局,不包含排序、选择、编辑和大数据虚拟化。
通常怎么做:简单数据用列表或 TableLayout;复杂网格需要专门实现或选择经过无障碍验证的库。
使用规范
什么时候用
- 桌面或大屏场景需要在大量规则数据中导航、选择、排序或编辑
什么时候别用
- 只是只读展示时不要承担数据网格的键盘复杂度,移动端也应优先改成列表
容易混淆
给 AI 的提示词
这条词条还没有经过验证的实现提示词。