bootstrap table sum總數(shù)量統(tǒng)計(jì)實(shí)現(xiàn)方法
更新時(shí)間：2017年10月29日 10:38:51 作者：我忘不掉
這篇文章主要介紹了bootstrap table sum總數(shù)量統(tǒng)計(jì)實(shí)現(xiàn)方法,需要的朋友可以參考下
寫了一個(gè)分頁(yè)要顯示數(shù)據(jù)中所有金額的總數(shù) 但是使用footerformatter 卻不知道該怎么賦值 沒(méi)辦法只能放到頁(yè)腳了
先上個(gè)效果圖：
這樣做要修改源碼： bootstrap-table.js
1：定義一個(gè)名稱
2：
3：
4：
5： 如果你在后臺(tái)傳過(guò)來(lái)值和第一步中引號(hào)內(nèi)的值一樣的時(shí)候就會(huì)出現(xiàn)如下效果圖
最后返回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同級(jí)別的
總結(jié)
以上所述是小編給大家介紹的bootstrap table sum總數(shù)量統(tǒng)計(jì)實(shí)現(xiàn)方法，希望對(duì)大家有所幫助！
相關(guān)文章
JQuery+JS實(shí)現(xiàn)仿百度搜索結(jié)果中關(guān)鍵字變色效果
JQuery+JS實(shí)現(xiàn)仿百度搜索結(jié)果中關(guān)鍵字變色效果代碼，需要的朋友可以參考下。2011-08-08
jQuery+ajax實(shí)現(xiàn)修改密碼驗(yàn)證功能實(shí)例詳解
本文通過(guò)實(shí)例代碼給大家介紹了jQuery+ajax實(shí)現(xiàn)修改密碼驗(yàn)證功能，代碼簡(jiǎn)單易懂，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的的朋友參考下吧2017-07-07
resize事件是在窗口或框架的大小被調(diào)整時(shí)發(fā)生，包括最小化、最大化。在IE和Opera瀏覽器中，只要窗口邊框被拖動(dòng)，就觸發(fā)該事件，在Mozilla瀏覽器中，resize 事件只是在停止改變窗口大小時(shí)才會(huì)觸發(fā)。2011-07-07
jquery實(shí)現(xiàn)經(jīng)典的淡入淡出選項(xiàng)卡效果代碼
這篇文章主要介紹了jquery實(shí)現(xiàn)經(jīng)典的淡入淡出選項(xiàng)卡效果代碼,通過(guò)簡(jiǎn)單的jQuery鼠標(biāo)事件及鏈?zhǔn)讲僮鲗?shí)現(xiàn)淡入淡出效果,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下2015-09-09
jquery任意位置浮動(dòng)固定層插件用法實(shí)例
這篇文章主要介紹了jquery任意位置浮動(dòng)固定層插件用法,實(shí)例分析了jQuery浮動(dòng)層插件的相關(guān)使用技巧,需要的朋友可以參考下2015-05-05
本篇文章主要是對(duì)jquery取消選擇select下拉框示例代碼進(jìn)行了介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2014-02-02
在逛博客中無(wú)意中看到這個(gè)插件，一下就吸引住了我，于是就自己在網(wǎng)上找了些資料實(shí)踐了一下2011-08-08
EasySlider 基于jQuery功能強(qiáng)大簡(jiǎn)單易用的滑動(dòng)門插件
Easy Slider 是一個(gè)滑動(dòng)門插件，支持任何圖片或內(nèi)容，當(dāng)點(diǎn)擊時(shí)實(shí)現(xiàn)橫向或縱向滑動(dòng)。它擁有一系列豐富的參數(shù)設(shè)置，可通過(guò)CSS來(lái)進(jìn)行完全的控制。2010-06-06
jQuery結(jié)合AJAX之在頁(yè)面滾動(dòng)時(shí)從服務(wù)器加載數(shù)據(jù)
這篇文章主要介紹了jQuery結(jié)合AJAX之在頁(yè)面滾動(dòng)時(shí)從服務(wù)器加載數(shù)據(jù),文中示例服務(wù)器端為C#程序,需要的朋友可以參考下2015-06-06
Easyui ueditor 整合解決不能編輯的問(wèn)題(推薦)
這篇文章主要介紹了Easyui ueditor 整合解決不能編輯的問(wèn)題 ,需要的朋友可以參考下2017-06-06