表格合计行先写清统计范围,再呈现数字:本页小计、全部筛选结果合计和已选记录统计不能共用一个“合计”标签。可加的数量与金额分别按单位求和;百分比需要按原始分子分母计算;空值不冒充0。筛选变化后,汇总和明细应对应同一组数据,尚未更新完成时明确标出状态。
以区域运营查看门店月度数据为例,列表每页20家、筛选结果共86家,用户又勾选其中5家。三个范围同时存在时,在Pixso的界面画布里分别排出表格底行和选中工具栏,先确定哪个数字服务哪种判断。

“这一页”“筛选结果”“我选的”是三份数据
本页小计帮助核对眼前明细;筛选合计回答整个区域的表现;已选统计服务接下来的批量操作。它们不一定都需要展示。运营比较区域结果时,优先保留“当前筛选:86家门店”的汇总;用户只是核对导入的一小组数据时,本页小计可能更有用。
| 标签 | 包含对象 | 翻到第二页后 |
|---|---|---|
| 本页小计:20家 | 当前页可见的20家门店 | 按第二页重新计算 |
| 筛选合计:86家 | 满足当前区域、月份等条件的全部门店 | 筛选未变时范围不变 |
| 已选统计:5家 | 用户明确勾选的5家门店 | 若允许跨页选择,仍保留原对象 |
已选统计适合靠近批量操作栏,不应悄悄替换固定的筛选合计。否则用户勾选一行后,底部金额突然变小,却不知道是筛选更新还是只剩所选范围。同样,清除勾选后不要把汇总归零,除非标签明确写的是已选统计。
若允许表格跨页全选,选中范围需要独立呈现。勾选“全部结果”与只勾选当前页,也不能因为此时第一页恰好全亮,就采用相同的总数说明。
哪些字段可以加,哪些不能
订单数、商品件数可以在单位一致、记录没有重复的前提下相加。单价、比例、评分、日期和状态则不能直接套求和。表格底部不需要每一列都有数字;对不适用的字段保留空白或明确说明,比为了整齐输出一个无意义结果更可靠。
例如A店完成80单、应完成100单,完成率80%;B店完成18单、应完成20单,完成率90%。两店总完成率应是98除以120,约81.7%,不是把80%与90%相加,也不是直接平均成85%。只有各店分母相同或指标定义明确要求等权平均时,才使用简单平均。
显示“平均客单价”也要说明根据什么记录计算。若接口只返回每家店的平均数而没有对应订单量,前端就不能自行推算整体平均数。设计稿应把缺少聚合结果的情况画出来,允许该单元格显示“暂不可计算”,而不是安排一个永远有值的静态占位。
同一列包含人民币和美元时,不把两者相加成一个无币种数字。可按币种分行汇总,或者使用业务已经定义的转换口径并写明基准;界面设计不能自行决定汇率。件、箱、千克等不同单位同理。单位应在表头或数值旁可见,横向滚动后仍能对上对应列。
0、缺失、未发生不能画成一样
一店销售额为0,表示有数据且数值是零;另一店没有上报,表示结果未知。把未上报也算成0,会让汇总看起来完整,实际却隐藏了数据缺口。可显示“已汇总84家,2家未上报”,并提供查看缺失门店的入口。范围与完整性应该一起出现。
空筛选结果又是另一种情况。如果当前条件下根本没有门店,表格应进入无结果状态,不必画一整行0让人以为所有门店都没有业务。若有86家门店但数据尚在读取,就显示加载中的汇总,而不是先闪一个0再突然跳到大金额。
破折号不能同时代表缺失、不适用和被限制查看。需要靠近字段解释差异,例如“未上报”“不适用”“无权查看”。涉及权限时,汇总也遵循访问范围:不能隐藏个人明细,却通过可反复筛选的合计暴露未授权信息。实际允许的聚合层级由数据与权限规则确定,UI负责准确表达当前可见范围。
固定合计行不能挡住最后一条记录
长表格可以让汇总固定在滚动区域底部,使运营查看任一位置时都知道总量。但底部至少还要容纳最后一行、横向滚动条和分页,三者不能层叠遮挡。固定行的背景、边界要区别于普通记录,同时保持数字与对应列严格对齐。
当首列固定而中间列横向滚动时,合计也应按同样的列结构移动。Ant Design表格文档提供汇总行与固定列协同的实现示例;设计交付仍要补充标签位置、不同单位和空值处理,组件能力不会自动决定统计口径。
本例把“筛选合计:86家”放在第一列,订单数与金额对齐相应数据列,不在一个跨列长句里塞入所有统计。窄屏若把门店行改成卡片,汇总也可改为紧凑摘要区,但保留指标名称和范围;不能只留下几个大数字供读者自行猜测。
明细更新了,合计还没回来怎么办
运营把区域从华东改为华南后,明细可能先返回,汇总稍后返回。此时旧的华东合计若仍放在华南表格底部,会形成看似完整的错误页面。可以让汇总位置显示“正在更新”,或者暂时保留旧值并明确标为上一次结果;不能继续当作当前结果展示。
本例采用前一种方式:新筛选提交后,合计进入更新状态,直到当前请求对应的结果返回。旧请求晚到时不覆盖新筛选结果。汇总失败而明细成功时,仍允许用户读明细,并在汇总区给出独立重试入口,不把整张表替换成错误页。
行内数据修改也要有一致规则。若修改门店订单数后汇总由服务端重新计算,在等待阶段标明更新中;若采用本地预估,必须标明预估与确认值的区别。排序通常不改变整个筛选集合的合计,但分页小计会因页面包含的记录改变而变化,不能给所有操作统一套“刷新全部数字”。
用两张画板检查数字与范围
在Pixso里制作同一份门店表的两张画板:左侧显示华东筛选结果,同时保留独立的已选5家工具栏与筛选合计;右侧切换到华南,让旧合计退出当前结果,底部显示汇总更新中。两张画板的表头、列宽和单位保持一致,区别来自选择范围和数据更新,不是另换一套表格样式。

再用一组可手算的小样本核对:两店订单100单和20单,完成80单和18单,汇总120单、完成98单、完成率约81.7%。另加一条未上报记录,观察它是否被误写成0。样本中的分子、分母和结果都出现在画板注释里,开发就能据此确认聚合方法,而不是仅复刻一个加粗的总计行。
最后分别翻页、勾选、清空筛选、修改一条数据,要求评审者解释底部数字为什么改变或不改变。解释不清时,先调整标签与计算范围,再调整字体大小。汇总的价值在于帮助判断,不在于让表格底部看起来更完整。