表格呈现
12 个表格示例 + 2 个形态示例 + 1 个反例,覆盖列表的全部表现力:列格式化、冻结宽表、多级表头、合计、主子表展开、同值合并、行分组、树形台账、双维筛选、行内编辑、打印、富展示单元格与列设置。
功能在哪
- 菜单路径:基础设施 → 在线示例 → 「表格示例1–12」「复杂表头主子表示例」「树形表格示例」
- 通用操作见在线示例总览;本组重点看列表本身,表单从简
表格示例1-基础与列格式化
十一种列格式化各摆一列,直接对比同一个值配不同格式化长什么样(日期、金额、字典标签、百分比、文本省略等)。
- 看什么:同一行横着扫,理解「原始值 → 展示值」的映射;设计器里改格式化即时对照。
表格示例2-冻结列与宽表
34 列横向滚动;左固定编号与名称、右固定操作列;两种宽度类型(像素 / 自适应)对比。
- 操作:横向滚动表格,观察固定列不动、中间列滚动;拖拽列边界感受两种宽度差异。
表格示例3-多级分组表头
五组两级表头:相邻子列归到父表头下(如「分类信息」辖项目类型 / 阶段 / 状态 / 风险 / 结算)。

固定列不能参与分组
分组表头与列冻结互斥——本示例为展示分组,一列都不固定。两者都要时请拆页或取舍。
表格示例4-合计行与明细合计
主表列与明细列两种合计口径;合计行跟随列自己的格式化(金额列合计仍是金额格式)。

- 看什么:表底合计行;展开明细(工具栏「展开(n)」)后明细列的合计口径变化;
- 要点:合计由服务端按当前查询结果集计算,不是当前页小计。
表格示例5-主子表展开与跨行合并
两张明细表同时展开、主表列纵向合并;行数不等时短的那张留空;没有明细的主记录仍占一行。
- 操作:点展开看双明细并排;找一条只有一张明细有数据的记录看留空表现。
表格示例6-同值单元格合并
类型 → 阶段 → 负责人三列级联合并;空值不合并。
必须配默认排序
合并的前提是同值行相邻。本示例刻意配了排序保证相邻;你自己的页面若同值不相邻,合并会碎掉。
表格示例7-行分组与分组小计
按项目类型分组,分组行带条数与两列小计、可折叠;分组按值归并,不依赖排序(本示例故意按编号排序以证明)。
- 操作:点分组行折叠 / 展开;对比分组小计与表底总计。
表格示例8-树形台账(WBS)
四层自关联建树,树形与合计并用。

树形与分页互斥
分页会把子行推到下一页、导致它从树里消失;树形列表因此不分页。中间节点不填工时与费用,合计即全部节点求和。
表格示例9-左侧树与标签页双维筛选
左侧按类型浏览 + 顶部按状态切页签,两个维度是「与」的关系。
- 操作:先点树节点再切页签,观察行数是两条件交集;与查询区条件三者叠加。
表格示例10-行内编辑与批量操作
数字 / 下拉 / 日期 / 开关四种行内编辑器;批量删除、导出、变更记录。
- 操作:勾选多行 → 批量删除 / 导出;单行行内改开关即时保存;看变更记录留痕。
表格示例11-表格打印
列表打印所见即所得(分组表头 + 同值合并 + 合计行都印得出来);单据打印模板用行标记 {#子表} 把明细行按条数重复。
- 操作:工具栏打印 → 预览列表打印效果;任一行单据打印看明细重复。
表格示例12-富展示单元格与列设置
图片 / 签名 / 附件 / 超链接 / 标签五种非文本列;工具栏「列设置」可隐藏列、拖动列序、改列宽。
列设置存浏览器本地
列设置保存在使用者自己的浏览器里,只影响本人视图;换浏览器或清缓存即还原。
复杂表头主子表示例
把相邻几列归到父表头下;明细列会把一条主记录摊平成多行——与示例3 的区别是这里父表头下混排主表列与明细列。
- 看什么:一条主记录因明细条数占多行,主表列跨行合并。
树形表格示例
自关联建树的最小形态。
树形与分页互斥(再次强调)
分页会把子行推到下一页导致它从树里消失——本示例与示例8 共同演示这条硬约束,配树形时务必关分页。
反例留档:测试-反例状态列类型错
状态列类型配错的反例留档页,当前为空态。意义在于提醒:状态列要配字典 / 标签格式化,配成普通文本列就会失去标签色彩与筛选语义。
视角对照
| 视角 | 差异 |
|---|---|
| 租户管理员 | 全部表格示例与本租户演示数据(截图视角) |
| 其他角色 | 菜单可见性受授权控制;列设置各自浏览器独立 |
进阶
- 组合互斥表:树形 × 分页互斥;固定列 × 分组表头互斥;同值合并 × 无排序互斥。设计列表前先查这张表,能省掉大多数「为什么不生效」。
- 合计口径:表底合计按查询结果集服务端计算;分组小计按组内;明细合计按展开的明细行。三种口径别混用。
- 打印与列设置无关:列表打印按设计的打印配置出纸,不受个人列设置影响;想改打印版式去设计器打印模板。
- 宽表优先冻结关键列:34 列宽表里冻结「编号 + 名称 + 操作」三组即可保证可操作性,其余靠横向滚动与列设置自助隐藏。
常见问题
合并 / 分组为什么碎了? 同值合并要求同值相邻(配排序);行分组不依赖排序但要求分组列值稳定。先查互斥表与排序配置。
树形列表为什么没有分页条? 树形与分页互斥,属设计约束而非故障(见两处 warning)。
合计行和我选的行不一致? 合计按当前查询条件全量计算,与勾选无关;勾选批量操作另有计数提示。
列设置改了别人看不到? 列设置存本人浏览器(见 info 框);要全员统一请改设计的列配置。
打印出来和屏幕不一致? 列表打印走打印配置(分组表头 / 合并 / 合计可印);若缺元素检查设计器打印模板勾选。
