1.表格很好,有的时候需求和,然后bootstrap-table 默认是关闭 footer的,所以表格不显示footer也就是最后一行
2.我们需要在表格初始化的时候打开footer选项 showFooter:true
var Controller = {
index: function () {
// 初始化表格参数配置
Table.api.init({
showFooter:true,
extend: {
index_url: 'cneed/index',
add_url: 'cneed/add',
edit_url: 'cneed/edit',
del_url: 'cneed/del',
multi_url: 'cneed/multi',
table: 'lvdate',
}
});
3.在colums里面 将需要显示footer的列,加上footFormatter
columns: [
[ {title: '客户需求表',colspan: 14}],//这是第一行大标题
[
{checkbox: true,footerFormatter:function(data){
return '总计';//在第一列开头写上总计、统计之类
}
},
其中 footerFormatter:后面的 function 需要返回string 这是官方手册上说的
4.我们可以在需要的列进行计算,我这里纯是实验 所及计算了一下PID
{field: 'PID', title: __('Pid'),sortable: true,footerFormatter: function (data) {
var field = this.field;
var total_sum = data.reduce(function (sum, row) {
return (sum) + (parseFloat(row[field]) || 0);
}, 0);
return total_sum.toFixed(2);
}