37. 📋 数据表格展示 Tables & Data Display ★★★★☆
🌏 Web 网页规范
- 多层复杂表头与水平纵向双向滚动
- 列冻结固定 (Sticky Col) 与行内即时编辑
- 大对象虚拟滚动流 (Virtual Scroll) 渲染
📱 App 移动端规范
- 小屏幕表格行卡片化扁平改造 (Card layout)
- 重要列锁定，非重要数据点击展开折叠行
- 分区块分组 (Group Section) 与滑动聚合运算
Web 端表格是信息处理的核心，包含冻结列（通常是第一列主键）、双击单元格行内编辑、多选批量导出以及处理万级数据时的 DOM 虚拟滚动复用机制。
App 屏幕较窄，无法直接呈现多列宽表。常见做法是锁定首要字段，其余字段自动折叠收拢，通过点击箭头展开；或彻底将一行数据改造成独立的圆角卡片布局。
LIVE PLAYGROUND: 首列冻结、双击单元格编辑与批量操作
向右滑动查看冻结列，双击数字单元格进行修改，勾选多行触发批量按钮
https://web.meta-ui.edu/tables
提示：双击数值单元格可修改
| 主键令牌 | 主色相 (Hue) | 字号 (Px) | 阴影 (Dp) | |
|---|---|---|---|---|
| Token #1 | 240 | 14 | 4 | |
| Token #2 | 120 | 16 | 8 |
📋 大模型统一 Prompt (LLM Prompt)