fastadmin的bootstrapTable怎么在表格页脚添加统计功能?

image

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

我的方法:

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

rule里面的规则:

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

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

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

decimal:填整数,保留几位小数

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

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

官方方法:

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

image

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
喜欢就支持一下吧
点赞14 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    请登录后查看评论内容