「响应式表格」让同一张数据表在不同尺寸的屏幕上都能保持良好的阅读体验。在桌面端，表格会完整展示所有列；当访客使用手机或平板访问时，系统会自动隐藏次要列，并把这些被折叠的内容收纳到每一行的可展开行详情中，点击即可查看完整数据。
下面嵌入的就是一张实时数据表格。建议你用电脑和手机分别打开本页对比效果：在窄屏下你会看到列数自动减少，行首出现可展开的标记，点开后即可读到被折叠的次要字段，整张表在小屏幕上依然清晰可读。
响应式表格
| 地区 | 产品 | 类别 | 销售员 | 销量 | 销售额 | 下单日期 | 状态 |
|---|---|---|---|---|---|---|---|
| 西南 | 保温杯 | 家居 | 陈静 | 5 | 41,664.95 | 2026-01-23 | 已发货 |
| 西南 | 移动电源 | 食品 | 陈静 | 43 | 249,743.57 | 2026-04-20 | 已发货 |
| 华南 | 27寸显示器 | 办公用品 | 陈静 | 64 | 187,071.36 | 2026-05-01 | 已取消 |
| 华东 | 27寸显示器 | 家居 | 王芳 | 43 | 177,718.57 | 2026-02-14 | 已发货 |
| 西南 | 机械键盘 | 食品 | 陈静 | 24 | 45,167.76 | 2026-05-04 | 已完成 |
| 华中 | 笔记本电脑 | 办公用品 | 王芳 | 57 | 131,042.43 | 2026-05-11 | 已发货 |
| 华中 | 移动电源 | 办公用品 | 张伟 | 38 | 112,973.62 | 2026-04-11 | 已完成 |
| 华东 | 笔记本电脑 | 食品 | 张伟 | 79 | 535,382.21 | 2026-05-16 | 处理中 |
| 华东 | 无线鼠标 | 服饰 | 陈静 | 26 | 27,689.74 | 2026-03-20 | 处理中 |
| 华南 | 27寸显示器 | 服饰 | 杨磊 | 14 | 28,979.86 | 2026-01-07 | 处理中 |
| 华中 | 人体工学椅 | 办公用品 | 刘洋 | 25 | 36,374.75 | 2026-01-18 | 处理中 |
| 西南 | LED台灯 | 电子产品 | 张伟 | 44 | 362,163.56 | 2026-02-01 | 已发货 |
| 华东 | 保温杯 | 家居 | 张伟 | 30 | 256,469.70 | 2026-05-22 | 已完成 |
| 华南 | 笔记本电脑 | 服饰 | 李娜 | 74 | 184,111.26 | 2026-02-02 | 已完成 |
| 西南 | U盘 | 食品 | 李娜 | 13 | 107,054.87 | 2026-04-26 | 已完成 |
| 华中 | LED台灯 | 办公用品 | 李娜 | 3 | 6,992.97 | 2026-04-13 | 处理中 |
| 华北 | 笔记本电脑 | 食品 | 王芳 | 73 | 64,896.27 | 2026-03-22 | 已完成 |
| 华中 | U盘 | 服饰 | 刘洋 | 60 | 99,059.40 | 2026-03-23 | 处理中 |
| 华东 | LED台灯 | 家居 | 李娜 | 58 | 206,131.42 | 2026-03-28 | 处理中 |
| 西南 | 27寸显示器 | 家居 | 李娜 | 37 | 157,767.63 | 2026-03-09 | 已发货 |
| 华北 | 27寸显示器 | 家居 | 张伟 | 10 | 23,319.90 | 2026-04-05 | 处理中 |
| 西南 | 机械键盘 | 电子产品 | 杨磊 | 12 | 73,031.88 | 2026-06-12 | 处理中 |
| 西南 | 保温杯 | 服饰 | 刘洋 | 12 | 40,607.88 | 2026-05-22 | 已完成 |
| 西南 | 人体工学椅 | 家居 | 王芳 | 47 | 276,171.53 | 2026-03-20 | 已完成 |
| 华中 | 机械键盘 | 办公用品 | 刘洋 | 55 | 159,719.45 | 2026-06-02 | 处理中 |
| 华北 | U盘 | 食品 | 王芳 | 71 | 217,188.29 | 2026-03-21 | 已完成 |
| 华东 | LED台灯 | 服饰 | 张伟 | 23 | 88,664.77 | 2026-02-23 | 已完成 |
| 华南 | LED台灯 | 家居 | 王芳 | 37 | 281,569.63 | 2026-05-01 | 处理中 |
| 华南 | 蓝牙耳机 | 家居 | 刘洋 | 40 | 233,519.60 | 2026-02-23 | 已取消 |
| 华北 | 机械键盘 | 家居 | 刘洋 | 50 | 280,049.50 | 2026-02-11 | 已发货 |
| 华北 | 无线鼠标 | 电子产品 | 李娜 | 23 | 31,946.77 | 2026-04-15 | 已发货 |
| 西南 | U盘 | 电子产品 | 张伟 | 43 | 112,831.57 | 2026-01-03 | 处理中 |
| 华东 | 蓝牙耳机 | 食品 | 张伟 | 76 | 57,531.24 | 2026-04-19 | 已完成 |
| 华北 | LED台灯 | 食品 | 张伟 | 40 | 320,919.60 | 2026-02-20 | 已取消 |
| 西南 | 笔记本电脑 | 食品 | 张伟 | 50 | 281,099.50 | 2026-04-21 | 已取消 |
| 华东 | 27寸显示器 | 电子产品 | 张伟 | 78 | 519,011.22 | 2026-06-19 | 已取消 |
| 华南 | 机械键盘 | 电子产品 | 王芳 | 30 | 90,509.70 | 2026-04-22 | 已完成 |
| 华北 | 机械键盘 | 食品 | 陈静 | 46 | 68,125.54 | 2026-05-21 | 已完成 |
| 华中 | 27寸显示器 | 服饰 | 杨磊 | 34 | 173,399.66 | 2026-04-26 | 已发货 |
| 华东 | 保温杯 | 办公用品 | 杨磊 | 4 | 12,655.96 | 2026-01-09 | 已取消 |
| 地区 | 产品 | 类别 | 销售员 | 销量 | 下单日期 | 状态 |
- 区分主次列：把最关键的字段（如名称、金额、状态）保留为始终可见，把次要字段设置为在窄屏下折叠。
- 可逐列控制：每一列都能单独设置「在手机上隐藏」或「在平板上隐藏」，按设备分别决定哪些列参与折叠。
- 善用行详情：被隐藏的列会折叠进可展开的行详情里，数据不会丢失，访客点击行首标记即可展开查看。
- 多设备验证：发布后用真实的手机与平板各检查一遍，确认保留可见的列足以让表格在小屏幕上仍然易读。
- 本页使用的短代码：