响应式表格
在移动设备上自动调整表格显示方式，确保数据可读性。
常见实现方式
| 方式 | 说明 | 适用场景 |
|---|---|---|
| 横向滚动 | 表格外部容器横向滚动 | 所有表格 |
| 卡片式 | 每行转为卡片显示 | 列数较多 |
| 隐藏次要列 | 隐藏不重要列 | 有主次之分 |
示意图 - 横向滚动
| ID | 姓名 | 邮箱 | 电话 | 地址 |
|---|---|---|---|---|
| 1 | 张三 | zhangsan@email.com | 13800138000 | 北京市朝阳区 |
← 左右滚动查看更多 →
示意图 - 卡片式
ID: 1
张三
zhangsan@email.com
ID: 2
李四
lisi@email.com
↑ 移动端每行显示为卡片 ↑