官方的方法有问题,列数过多的情况下,会有滑块分离现象(上面数据左右滑动,底部页脚不跟着走),下面这是我自己写的方法,能有效解决这个问题。
我的方法:
把下面的代码直接复制到表格实例化代码的后面即可。
rule里面的规则:
title: 列的字段名,指定哪一列显示“合计”两个字;
titleName: “合计” 两个字在这里可以改
sum:里面放数组,指定要合计那些列,只需要把要合计的那些列的列名放这里面即可,不放的不会做统计。
decimal:填整数,保留几位小数
监听表格数据渲染完成事件:
table.on('post-body.bs.table')
官方方法:
1.在表格初始化时增加显示页脚 showFooter: true
2.在字段后面新增函数 footerFormatter
,来显示统计结果
{field: 'id', title: __('Id'),
footerFormatter: function () {
return '合计';//对页脚第一列赋:'合计'
}
},
return的返回值,就是你的统计结果,会显示在页脚;所以你只需要在这个函数里计算统计结果,再返回就行了。
例如下面这段:
{field: 'num', title: '测试数字',footerFormatter: function (row) {
var count = 0;
for (var i in row) {
if(row[i].num !=null){
count += row[i].num;
}
}
return count.toFixed(2);//保留两位小数
}},
© 版权声明
文章版权归作者所有,未经允许请勿转载。
THE END
请登录后查看评论内容