bootstrap-table计算表格列的合计

最新推荐文章于 2022-12-01 17:14:52 发布

原创最新推荐文章于 2022-12-01 17:14:52 发布 · 8.1k 阅读

1 ·

CC 4.0 BY-SA版权

bootstrap 专栏收录该内容

14 篇文章

订阅专栏

本文介绍如何使用BootstrapTable插件在HTML表格中展示数据，并通过JavaScript实现表格底部总计功能。具体包括设置表格ID、定义JS代码请求数据源、配置表格属性如宽度、对齐方式等，以及使用footerFormatter函数计算并显示总计。

1、html

2、js中

$("#tb_table").bootstrapTable({
    method: 'get', //请求方式
    url: '/order/orderList', //请求数据的URL
    showFooter: true,//必须
...
{
field: 'name',
title: '名称',
width: 100,
align: 'center',
valign: 'middle',
footerFormatter: function (value) { //底部合计
        var count = 0;
        for (var i in value) {
            count += value[i].name;
        }
        return '总计:'+  count;
    }
}
});