Layui 的 totalRow 仅支持底部渲染，因其 DOM 插入逻辑硬编码在表格底部，顶部无法通过 CSS 调整；唯一稳定方案是在 beforeRender 中手动构建对齐列宽的顶部统计栏，并基于 table.cache 全量计算、过滤可见列、预处理数值。
合计行无法直接显示在表格顶部——layui 的 totalrow 机制只支持底部固定位置渲染，顶部无原生配置项。
为什么 totalRow 只能出现在底部？
Layui 表格的合计行是通过内部 DOM 插入逻辑硬编码在 .layui-table-box 底部的 .layui-table-total 容器中，不响应 position 或 top 类配置。试图用 CSS order 或 flex-direction 反转会导致列错位、fixed 列失效、甚至合计单元格丢失。
替代方案：用 beforeRender 插入自定义顶部统计栏
这是唯一稳定、兼容性强、且不破坏 Layui 渲染流程的做法。关键点在于：结构需严格对齐列宽，数据需手动计算，且不能依赖 totalRow: true 自动填充。
-
beforeRender回调中获取options.cols，遍历计算每列宽度（含width或默认值），拼出带display: table-cell的 HTML 字符串 - 金额类列建议用
parseFloat(item.field) || 0预处理，避免字符串拼接（如"100"+"200"→"100200"） - 顶部栏容器必须加
style="display: table; width: 100%; border-bottom: 1px solid #e6e6e6;"，否则宽度塌陷或边框不生效 - 不要在
templet里格式化数字（如加 ¥ 符号），格式化应放在顶部栏生成时做，否则影响求和精度
动态列场景下如何保持对齐？
如果列是根据权限 show/hide 的，beforeRender 中必须同步过滤 options.cols，只取当前可见列参与宽度计算和统计生成，否则 td 数量与表头不一致，会整体左偏或错行。
- 检查每列的
hide属性或自定义visible标记，过滤后再 map 宽度 - 合计值来源必须是全量缓存
table.cache['yourTableId']，而非res.data（当前页），否则翻页后顶部统计不准 - fixed 列（
fixed: 'left'）无法被顶部栏覆盖，建议关闭 fixed，或把顶部栏作为独立区块置于表格容器上方，不尝试“嵌入”表头
真正麻烦的不是写几行代码，而是列宽计算逻辑要跟 Layui 内部对齐规则保持一致——它默认列宽由内容撑开，但一旦设了 width，就必须严格按该值分配，否则顶部栏和表头视觉错位。这个细节没文档说明，只能靠调试 DOM 结构反推。
