fastadmin的bootstrapTable怎么在表格页脚添加统计功能？-猫叔的编程圈

官方的方法有问题，列数过多的情况下，会有滑块分离现象（上面数据左右滑动，底部页脚不跟着走），下面这是我自己写的方法，能有效解决这个问题。

我的方法：

把下面的代码直接复制到表格实例化代码的后面即可。

rule里面的规则：

title: 列的字段名，指定哪一列显示“合计”两个字；

titleName: “合计” 两个字在这里可以改

sum：里面放数组，指定要合计那些列，只需要把要合计的那些列的列名放这里面即可，不放的不会做统计。

decimal：填整数，保留几位小数

监听表格数据渲染完成事件：

table.on('post-body.bs.table')

官方方法：

1.在表格初始化时增加显示页脚 showFooter: true

2.在字段后面新增函数 footerFormatter，来显示统计结果

{field: 'id', title: __('Id'),
                            footerFormatter: function () {
                                return '合计';//对页脚第一列赋：'合计'
                            }
                        },

return的返回值，就是你的统计结果，会显示在页脚；所以你只需要在这个函数里计算统计结果，再返回就行了。

例如下面这段：

{field: 'num', title: '测试数字',footerFormatter: function (row) {
                            var count = 0;
                                for (var i in row) {
                                    if(row[i].num !=null){
                                        count += row[i].num;
                                    }
                                }
                                return count.toFixed(2);//保留两位小数
                        }},

文章版权归作者所有，未经允许请勿转载。

THE END

fastadmin
# bootstrapTable