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 (十) jQueryUI常用功能实战
Feb 23 Javascript
JavaScript字符串String和Array操作的有趣方法
Dec 18 Javascript
用javascript替换URL中的参数值示例代码
Jan 27 Javascript
jQuery实现下拉框选择图片功能实例
Aug 08 Javascript
Sort()函数的多种用法
Mar 20 Javascript
BootStrop前端框架入门教程详解
Dec 25 Javascript
jQuery实现获取隐藏div高度的方法示例
Feb 09 Javascript
详解用node-images 打造简易图片服务器
May 08 Javascript
微信小程序实现点击按钮修改字体颜色功能【附demo源码下载】
Dec 05 Javascript
详解Vue.js自定义tipOnce指令用法实例
Dec 19 Javascript
解决layui动态加载复选框无法选中的问题
Sep 20 Javascript
JS前端轻量fabric.js系列之画布初始化
Aug 05 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
239军机修复记
2021/03/02 无线电
php设计模式之简单工厂模式详解
2014/09/04 PHP
php好代码风格的阶段性总结
2016/06/25 PHP
浅谈PHP拦截器之__set()与__get()的理解与使用方法
2016/10/18 PHP
Apache+PHP+MySQL搭建PHP开发环境图文教程
2020/08/06 PHP
JavaScript中的ArrayBuffer详细介绍
2014/12/08 Javascript
jQuery实现首页图片淡入淡出效果的方法
2015/06/10 Javascript
jquery模拟进度条实现方法
2015/08/03 Javascript
jquery实现用户登陆界面(示例讲解)
2017/09/06 jQuery
详解vue-router 路由元信息
2017/09/13 Javascript
vue slots 组件的组合/分发实例
2018/09/06 Javascript
node.js之基础加密算法模块crypto详解
2018/09/11 Javascript
详解webpack之图片引入-增强的file-loader:url-loader
2018/10/08 Javascript
使用Vue-Awesome-Swiper实现旋转叠加轮播效果&平移轮播效果
2019/08/16 Javascript
javascript实现fetch请求返回的统一拦截
2019/12/22 Javascript
vue cli3适配所有端方案的实现
2020/04/13 Javascript
js实现QQ邮箱邮件拖拽删除功能
2020/08/27 Javascript
[04:48]DOTA2上海特锦赛小组赛第三日 TOP10精彩集锦
2016/02/28 DOTA
9种python web 程序的部署方式小结
2014/06/30 Python
Python对象体系深入分析
2014/10/28 Python
Python中常用操作字符串的函数与方法总结
2016/02/04 Python
判断网页编码的方法python版
2016/08/12 Python
利用Python批量压缩png方法实例(支持过滤个别文件与文件夹)
2017/07/30 Python
使用 Visual Studio Code(VSCode)搭建简单的Python+Django开发环境的方法步骤
2018/12/17 Python
Python学习笔记之读取文件、OS模块、异常处理、with as语法示例
2019/06/04 Python
python增加图像对比度的方法
2019/07/12 Python
django使用django-apscheduler 实现定时任务的例子
2019/07/20 Python
利用python绘制数据曲线图的实现
2020/04/09 Python
Mysql数据库反向生成Django里面的models指令方式
2020/05/18 Python
共产党员承诺书
2014/03/25 职场文书
民主生活会对照检查材料思想汇报
2014/09/27 职场文书
2015年老干部工作总结
2015/04/23 职场文书
承诺书范本大全
2015/05/04 职场文书
会议室管理制度范本
2015/08/06 职场文书
利用uni-app生成微信小程序的踩坑记录
2022/04/05 Javascript
html解决浏览器记住密码输入框的问题
2023/05/07 HTML / CSS