bootstrap-table实现表格列统计

白俊遥博客
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;
}

木点点 i
请先登录后发表评论
  • 最新评论
  • 总共0条评论