（三）数据展示

1、表格

表格用于对大量结构化数据进行展示与管理操作，是中后台最高频的内容容器，用于展示多行多列结构化数据，支持排序、筛选、分页等内联操作，通过固定表头、列冻结、跨层级分组等机制应对复杂数据场景。

1.1 表格形态

形态	说明
基础表格	标准行列结构，适合数据字段少、操作简单的场景
带斑马纹	奇偶行交替浅色填充，提升长列表行扫描效率
带边框	全单元格描边，增强数据对齐感，适合数据密集或格式规整的场景
可展开行	主行点击展开嵌套子数据，适合主从关联结构，减少页面跳转
可选择	行级 Checkbox，支持批量选中与批量操作
空数据	无结果时居中展示空状态插图与提示文案，避免空白布局引发误解

1.2 表头显示/冻结

提供两种表头状态：默认表头（随内容滚动）和固定表头（滚动时表头置顶），行高固定 40px，背景色为浅色填充，文字颜色为辅助色，单元格内边距 16px（左右均等），文字单行不换行，超出以 ... 截断。

1.3 表格列分级显示/冻结

表格支持多维度的列管理能力——列优先级与动态分级（通过 Priority 权重对列进行分级，在小屏设备或容器宽度收窄时，低优先级列率先隐藏，核心信息始终可见）；列冻结（对首尾关键列设置 fixed: left / right，横向滚动时保持可见，确保数据关联操作不失焦）；列隐藏与自定义（提供 Columns Setting 面板，支持用户自定义显示/隐藏列，并持久化偏好设置）。

1.4 操作列

操作列集中放置行级操作入口，统一置于行尾，避免分散在各数据列中，为保障可读性，操作列宽度固定，操作项超出两项时归并至"更多"下拉，展开后展示完整操作列表。操作按钮使用文字按钮样式，危险操作（删除）触发确认提示框，不可直接执行。

1.5 分页器

数据表格与分页器配合使用，分页器位于表格下方，与表格左/右对齐（推荐右对齐），默认每页 10 条，支持 10/20/50/100 条切换，分页器高度区域 52px（含上间距 12px），数据量 ≤ 1 页时隐藏分页器。

1.6 适配规则

行高规格

三档行高覆盖不同信息密度场景：宽松（56px）降低视觉压迫，文字与配图更易呼吸；默认（40px）平衡信息密度与扫描效率；紧凑（32px）提升屏效，适配数据密集的分析场景。通过行高的梯度调节，在同一套组件规范下满足从展示型到操作型的全场景覆盖。

宽屏适配（≥1920px）

在 1920px 及以上分辨率下，表格采用以下适配策略：页面宽度跟随内容区流式拉伸，不设最大宽度上限；列宽按权重比例分配，核心列（如名称、状态）设最小宽度阈值，辅助列自动拉伸填充剩余空间；固定列在横向滚动条出现前保持贴边吸附，避免宽屏下操作列漂移。

窄屏适配（≤1280px）

在 1280px 及以下分辨率下，优先隐藏低优先级列，保留核心字段可见；出现横向滚动条时，冻结首列（序号/名称）与操作列，防止行数据失焦；支持响应式侧边栏折叠，释放主内容区宽度；当宽度进一步压缩至 768px 时，表格切换为卡片列表模式，每行数据以独立卡片形式垂直展示。