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.boxy插件的iframe扩展代码
Jul 02 Javascript
用JavaScript修改CSS属性的代码
May 06 Javascript
jQuery检测输入的字符串包含的中英文的数量
Apr 17 Javascript
JQuery使用index方法获取Jquery对象数组下标的方法
May 18 Javascript
详解JavaScript函数对象
Nov 15 Javascript
CKEditor无法验证的解决方案(js验证+jQuery Validate验证)
May 09 Javascript
详解vue-router和vue-cli以及组件之间的传值
Jul 04 Javascript
基于jquery实现多选下拉列表
Aug 02 jQuery
浅谈React Event实现原理
Sep 20 Javascript
基于iview的router常用控制方式
May 30 Javascript
laypage+SpringMVC实现后端分页
Jul 27 Javascript
详解vue父子组件状态同步的最佳方式
Sep 10 Javascript
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
比特率,大家看看这个就不用收音机音质去比MP3音质了
2021/03/01 无线电
网站当前的在线人数
2006/10/09 PHP
win7计划任务定时执行PHP脚本设置图解
2014/05/09 PHP
PHP中怎样防止SQL注入分析
2014/10/23 PHP
PHP机器学习库php-ml的简单测试和使用方法
2017/07/14 PHP
laravel 之 Eloquent 模型修改器和序列化示例
2019/10/17 PHP
用JS控制回车事件的代码
2011/02/20 Javascript
JS中的异常处理方法分享
2013/12/22 Javascript
浅谈javascript中自定义模版
2015/01/29 Javascript
基于jQuery创建鼠标悬停效果的方法
2015/03/07 Javascript
举例说明JavaScript中的实例对象与原型对象
2016/03/11 Javascript
Angularjs中三种数据的绑定策略(“@”,“=”,“&”)
2016/12/23 Javascript
Vue2.0利用 v-model 实现组件props双向绑定的优美解决方案
2017/03/13 Javascript
微信小程序wx:for和wx:for-item的用法详解
2018/04/01 Javascript
vue通信方式EventBus的实现代码详解
2019/06/10 Javascript
解决$store.getters调用不执行的问题
2019/11/08 Javascript
three.js欧拉角和四元数的使用方法
2020/07/26 Javascript
Jquery+javascript实现支付网页数字键盘
2020/12/21 jQuery
[06:14]《辉夜杯》外卡赛附加赛 4支战队巡礼
2015/10/23 DOTA
Python 搭建Web站点之Web服务器网关接口
2016/11/06 Python
一个基于flask的web应用诞生(1)
2017/04/11 Python
python smtplib模块实现发送邮件带附件sendmail
2018/05/22 Python
对pandas处理json数据的方法详解
2019/02/08 Python
python新式类和经典类的区别实例分析
2020/03/23 Python
Python包资源下载路径报404解决方案
2020/11/05 Python
html5 迷宫游戏(碰撞检测)实例一
2013/07/25 HTML / CSS
国际知名军事风格休闲装品牌:Alpha Industries(阿尔法工业)
2017/05/24 全球购物
英国Flybe航空官网:欧洲最大的独立支线廉价航空公司
2019/07/15 全球购物
eBay美国官网:eBay.com
2020/10/24 全球购物
德国户外商店:eXXpozed
2020/07/25 全球购物
2015年保险业务员工作总结
2015/05/27 职场文书
幼儿园保育员随笔
2015/08/14 职场文书
环保建议书作文400字
2015/09/14 职场文书
详解Python小数据池和代码块缓存机制
2021/04/07 Python
python 用递归实现通用爬虫解析器
2021/04/16 Python
使用opencv-python如何打开USB或者笔记本前置摄像头
2022/06/21 Python