用layui.table.set()设置defaultToolbar添加全局统计按钮，并在done回调中通过res.totalRow或额外请求获取全量数据，配合totalRowTemplet模板展示自定义统计值。
如何用 defaultToolbar 添加全局自定义统计按钮
直接改全局配置就能让所有表格都带「统计」按钮，不用每个 table.render() 里重复写。关键不是加按钮，而是让按钮触发后能拿到全量数据（非当前页）做计算。
必须用 layui.table.set() 设置全局 defaultToolbar，否则只对单个表格生效：
layui.use('table', () => {
layui.table.set({
defaultToolbar: [
'filter', 'print', 'exports',
{
title: '全量统计',
layEvent: 'LAYTABLE_STATS_ALL',
icon: 'layui-icon-chart'
}
]
});
});
注意：图标类名 layui-icon-chart 需确保你用的 Layui 版本包含该 icon（2.8+ 支持，旧版可用 layui-icon-template 替代）。
为什么点击后拿不到全部数据？done 回调才是关键
totalRow: true 默认只统计当前页，而「全局统计」意味着要遍历全部原始数据——但分页后前端根本没加载全量数据。所以不能依赖 totalRow 渲染逻辑，得靠 done 回调手动取数。
- 如果后端已返回全量合计字段（如
totalRow字段含{ totalAmount: 123456 }），直接从res.totalRow读取最稳 - 如果后端没提供，且数据量小（≤5000 条），可在
done中用obj.data累加，但注意：这是当前页数据，不是全量 - 真要全量统计又没后端支持？只能额外发一次请求查合计，比如
/api/orders/summary
layui.onevent 监听统计事件时的三个易错点
监听按钮点击后，别直接在回调里写统计逻辑——容易和表格重载、异步加载冲突。
- 不要在监听函数里直接调
table.reload()，这会打断用户操作流；应先弹 loading，再异步取数据 -
obj.config.id是当前表格 ID，但有些表格没显式设id，会导致undefined；稳妥做法是用obj.elem反查绑定的表格实例 - 统计结果展示位置要明确：是弹
layer.msg()、填到合计行、还是插入新 DOM？Layui 不提供默认位置，必须自己定
示例中常漏掉对空数据的判断：
layui.onevent('table', 'toolbar()', obj => {
if (obj.event === 'LAYTABLE_STATS_ALL') {
const tableIns = layui.table.get(obj.config.id); // 先确保能拿到实例
if (!tableIns || !obj.config.url) return; // 没 URL 就没法查全量
<pre class="brush:php;toolbar:false;">// 此处应发请求或读 res.totalRow，而非用 obj.data} });
合计行里显示自定义统计值，totalRowTemplet 比 totalRow 更灵活
当你要显示「平均单价」「最高单笔」「订单数/金额比」这类非简单求和时，totalRow: true 失效，必须用 totalRowTemplet。
它接收一个函数，参数 d 是当前页所有行数据数组 —— 但注意：它仍只是当前页，不是全量。所以真正要用它，前提是后端把全量统计结果塞进响应的 totalRow 字段里，前端再通过模板语法引用：
cols: [[
{ field: 'amount', title: '金额', width: 100, totalRow: true },
{
field: 'rate',
title: '转化率',
totalRowTemplet: function(d) {
// 假设后端返回了 { totalRow: { avgRate: 0.234 } }
return '平均:' + (d.TOTAL_ROW?.avgRate * 100).toFixed(1) + '%';
}
}
]]
这里 d.TOTAL_ROW 是 Layui 自动注入的响应中的 totalRow 对象，不是 d 的属性——文档不提这点，很多人卡在这儿。
复杂点在于：不同列可能依赖不同后端统计字段，而 totalRowTemplet 函数每次只作用于单列，无法跨列共享计算结果。真要联动，得在 done 里统一算好挂到全局变量，再在各列模板里读。
