bootstrap table sum总数量统计实现方法


Posted in Javascript onOctober 29, 2017

写了一个分页要显示数据中所有金额的总数 但是使用footerformatter 却不知道该怎么赋值 没办法只能放到页脚了

先上个效果图:

bootstrap table sum总数量统计实现方法

这样做要修改源码: bootstrap-table.js

1:定义一个名称

bootstrap table sum总数量统计实现方法

2:

bootstrap table sum总数量统计实现方法

3:

bootstrap table sum总数量统计实现方法

4:

bootstrap table sum总数量统计实现方法

5: 如果你在后台传过来值和第一步中引号内的值一样的时候就会出现如下效果图

bootstrap table sum总数量统计实现方法

最后返回json样式是这样的:

{"total":2,"rows":[{"id":1,"categoryid":11,"money":100,"creattime":1509116611000,"updatetime":1509116611000,"describemon":"捡的","userid":17,"state":1,"categoryName":"卢太波"}],"sumMoney":110.0}

别忘了 sumMoney是和total同级别的

总结

以上所述是小编给大家介绍的bootstrap table sum总数量统计实现方法,希望对大家有所帮助!

Javascript 相关文章推荐
『jQuery』.html(),.text()和.val()的概述及使用
Apr 22 Javascript
Extjs根据条件设置表格某行背景色示例
Jul 23 Javascript
8个超实用的jQuery功能代码分享
Jan 08 Javascript
js实现的捐赠管理完整实例
Jan 20 Javascript
详解JavaScript中数组的reduce方法
Dec 02 Javascript
javascript解析ajax返回的xml和json格式数据实例详解
Jan 05 Javascript
详解使用nvm管理多版本node的方法
Aug 30 Javascript
微信小程序授权获取用户详细信息openid的实例详解
Sep 20 Javascript
eslint 的三大通用规则详解
May 16 Javascript
Vue3.x源码调试的实现方法
Oct 13 Javascript
javascript实现贪吃蛇经典游戏
Apr 10 Javascript
如何使用 vue-cli 创建模板项目
Nov 19 Vue.js
vue.js语法及常用指令
Oct 29 #Javascript
基于vue.js快速搭建图书管理平台
Oct 29 #Javascript
JavaScript代码执行的先后顺序问题
Oct 29 #Javascript
springmvc接收jquery提交的数组数据代码分享
Oct 28 #jQuery
ES6中Class类的静态方法实例小结
Oct 28 #Javascript
jQuery实现的简单前端搜索功能示例
Oct 28 #jQuery
jQuery实现点击下拉框中的值累加到文本框中的方法示例
Oct 28 #jQuery
You might like
一些常用的php简单命令代码集锦
2007/09/24 PHP
php+mysql分页代码详解
2008/03/27 PHP
javascript的函数
2007/01/31 Javascript
javascript add event remove event
2008/04/07 Javascript
javascript之可拖动的iframe效果代码
2008/08/01 Javascript
防止xss和sql注入:JS特殊字符过滤正则
2013/04/18 Javascript
jQuery+ajax实现鼠标单击修改内容的思路
2014/06/29 Javascript
javascript实现校验文件上传控件实例
2015/04/20 Javascript
js鼠标点击图片切换效果代码分享
2015/08/26 Javascript
JS 实现导航菜单中的二级下拉菜单的几种方式
2016/10/31 Javascript
深入理解jQuery.data() 的实现方式
2016/11/30 Javascript
NodeJS仿WebApi路由示例
2017/02/28 NodeJs
select自定义小三角样式代码(实用总结)
2017/08/18 Javascript
js构造函数创建对象是否加new问题
2018/01/22 Javascript
bootstrap Table实现合并相同行
2019/07/19 Javascript
微信小程序点击列表跳转到对应详情页过程解析
2019/09/26 Javascript
js脚本中执行java后台代码方法解析
2019/10/11 Javascript
js实现简单放大镜效果
2020/03/07 Javascript
使用IPython来操作Docker容器的入门指引
2015/04/08 Python
Python元字符的用法实例解析
2018/01/17 Python
详解Python如何生成词云的方法
2018/06/01 Python
Django中自定义模型管理器(Manager)及方法
2019/09/23 Python
python绘制BA无标度网络示例代码
2019/11/21 Python
Python多重继承之菱形继承的实例详解
2020/02/12 Python
python3 使用traceback定位异常实例
2020/03/09 Python
keras 使用Lambda 快速新建层 添加多个参数操作
2020/06/10 Python
Python调用Redis的示例代码
2020/11/24 Python
canvas实现图片镜像翻转的2种方式
2020/07/22 HTML / CSS
名人珠宝设计师:Melinda Maria Jewelry
2019/03/06 全球购物
阿联酋彩妆品牌:OUD MILANO
2019/10/06 全球购物
如何在.net Winform里面显示PDF文档
2012/09/11 面试题
关于毕业的广播稿
2014/01/10 职场文书
2014年政务公开工作总结
2014/12/09 职场文书
社区艾滋病宣传活动总结
2015/05/07 职场文书
2019年幼儿园管理条例范本!
2019/07/17 职场文书
matlab xlabel位置的设置方式
2021/05/21 Python