bootstrap-table实现统计一列的值;
在文档中有一个方法可以实现;
看下面方法;
大致翻译过来的意思是这样;
其实就是在表格最下面加上一行;
并可以设置显示什么内容;
以显示此列的和为例;
{
field: 'distance',
title: '距离(km)',
footerFormatter: sumFormatter,
sortable:true
}
sumFormatter为js的函数;
函数功能为计算此列值的和;
function totalFormatter(data) {
return data.length;
}
当然也可以设置其他内容;
都可以通过js函数来实现;
下面贴出几个可以用得到的js函数;
显示文字内容;
function totalTextFormatter(data) {
return '合计';
}
求和;
function sumFormatter(data) {
field = this.field;
return data.reduce(function (sum, row) {
return sum + (+row[field]);
}, 0);
}
求平均值;
function avgFormatter(data) {
return sumFormatter.call(this, data) / data.length;
}
有问题可在下方留言讨论,或者邮箱联系我,邮箱地址在网站下方。
转载无需和我联系,但请注明来自木点点博客http://www.tu-do.cn/
最新评论