bootstrap table 列求和

bootstrap table 列求和

如上图所示,我们需要求出所有时间段的‘实际交车数的和’,‘实际进店数的和’,‘进厂预约数量的和’,‘准时预约数的和’。

此页面的框架boostrap,我们可以使用footerFormatter函数。

部分页面代码,红色字体为关键代码。

new Datatable().initPagination({
        src : "dms_table",
        rowID:"RO_NO",
        container:container,
        url : dmsCommon.getDmsPath()["report"] + "/Analysis",
        sortName : "", 
        sortOrder : "",
        showFooter:true,
        autoHeight : true,
        undefinedText : "",
        isQueryFirst:false,
        columns : [ 
                    {field : "wk0",title : "时间段"},
                    {field : "wk1",title : "实际交车数",footerFormatter: function (value) { var count = 0; for (var i in value) { count += value[i].wk1; } return count; }},
                    {field : "wk2",title : "实际进店数",footerFormatter: function (value) { var count = 0; for (var i in value) { count += value[i].wk2; } return count; }},
                    {field : "wk3",title : "进厂预约数量",footerFormatter: function (value) { var count = 0; for (var i in value) { count += value[i].wk3; } return count; }},
                    {field : "wk4",title : "准时预约数",footerFormatter: function (value) { var count = 0; for (var i in value) { count += value[i].wk4; } return count;},

结果为:看下图划横线的数字,下面的1就是那列的和。

bootstrap table 列求和

这个函数求和求的是每一页的求和,使用时注意分页问题。