使用bootstrap-table顯示數據，后臺傳回數據以后，可能需要對其做調整，如需要前端為數據添加單位

調整數據代碼

$("#"+tableId).bootstrapTable({

dataType: "json",

method: 'get',

contentType: "application/x-www-form-urlencoded",

cache: false,

url:url,

sortName:sortName, //排序列名

sortOrder: sortOrder,//排位命令(desc，asc)

queryParams: queryParams,

columns:columns,

pagination:true,

sidePagination:'server',

pageNumber:1,

pageSize:10,

pageList:[10],

onLoadSuccess:function(data){

//通過對data判斷

if("rate" in data["rows"][0]){

var result = data["rows"];

$.each(result,function(index,content){

content["rate"] =content["rate"]+"%";ze5year"] =content["authorize5year"]+"%";

})

$("#"+tableId).bootstrapTable("load",data)

}

},

代碼的解釋

數據通過onLoadSuccess返回，此時數據已經渲染到頁面中，這里將返回的數據對應的列中加上相應的單位(“%”)之后，使用

$("#"+tableId).bootstrapTable("load",data)重新加載到表格中，數據即得以改變

django：bootstrap table加載django返回的數據

bootstrap table加載表格數據有兩類方式: 一種通過data屬性的方式配置,一種是javascipt方式配置 這里看js配置方式: 1.當數據源為.json文件時 url參數寫上json文 ...

Bootstrap table前端分頁(ssm版)

說明bootstrap table可以前端分頁,也可以后端sql用limit分頁.前端分頁下性能和意義都不大,故一般情況下不用這種,請看我的另一篇后端分頁的博客源碼下載地址:https://git.o ...

bootstrap table 前端搜索

1.bootstrap-table對于前端的搜索可以通過官網設置,但發現前端搜索出現bug,網上找到一個bootstrap-table的擴充js? bootstrap-table-mytoolbar. ...

通過form表單上傳文件獲取后臺傳來的數據

小伙伴是不是遇到過這樣的問題,通過submit提交form表單的時候,不知怎么獲取后臺傳來的返回值.有的小伙伴就會說你不會發送ajax,其實也會.假如提交的form表單中含有文件,怎么辦? 步驟1:想 ...

BootStrap table動態增刪改表格內數據

1:添加一個[操作]列 ? { title: "操作", align: 'center', valign: 'middle', width: 160, // 定義列的寬度,單位為像 ...

bootstrap table 根據單元格中的數據改變單元格的樣式

在bootstrap-table.js里面列屬性 formatter就是用來格式化單元格的,其默認值是undefined 類型是function,function(value, ?row, index ...

bootstrap table通過ajax獲取后臺數據展示在table

1. 背景 bootstrap table 默認向后臺發送語法的dataType為 json,但是為了解決跨域問題我們需要將dataType改為jsonp,這時就需要修改bootstrap table ...

[前端插件]Bootstrap Table服務器分頁與在線編輯應用總結

先看Bootstrap Table應用效果: 表格用來顯示數據庫中的數據,數據通過AJAX從服務器加載,同時分頁功能有服務器實現,避免客戶端分頁,在加載大量數據時造成的用戶體驗不好.還可以設置查詢數據 ...

bootstrap table + spring + springmvc + mybatis 實現從前端到后端的表格分頁

1.使用準備 前臺需要的資源文件,主要有Bootstrap3相關css.js以及bootstrap Table相關css.js:

隨機推薦

【http】四種常見的 POST 提交數據方式

來源:http://www.cnblogs.com/aaronjs/p/4165049.html HTTP/1.1 協議規定的 HTTP 請求方法有 OPTIONS.GET.HEAD.POST.PUT ...

iOS之清除緩存

//清除緩存按鈕的點擊事件 - (void)putBufferBtnClicked:(UIButton *)btn{ CGFloat size = [self folderSizeAtPath:NSS ...

Visual Studio 壓力測試注意點

常用的三個測試:單元測試.web性能分析.壓力測試:前兩個好說,壓力測試的時候如果配置不注意,往往不成功. 默認壓力測試的測試結果存儲在微軟云端的,(visual studio online),國內一 ...

Tomcat創建虛擬目錄和程序熱部署

虛擬目錄的設置 方法一:在${tomcat安裝目錄}/conf/Catalina/localhost目錄下添加與web應用同名的xml配置文件,這里站點名稱為test為例子. test.xml內容:& ...

閱讀記錄：Learning multiple layers of representation(雜亂筆記)

典型的淺層學習結構: 傳統隱馬爾可夫模型(HMM).條件隨機場 (CRFs).最大熵模型(Maxent).支持向量機(SVM).核回歸及僅含單隱層的多層感知器(MLP)等. 局部表示,分布式表示和稀疏 ...

Git學習筆記(一)創建版本庫并添加文件

最近從廖雪峰老師的個人網站上學習git,做點筆記. ★★★★★ 先注冊自己的username和email,否則會報如下錯誤: 注冊:git config --global user.name &quo ...

HTML編碼和CSS編碼會遇到的問

http://codeguide.bootcss.com/#html-syntax??參考鏈接 屬性順序 HTML?屬性應當按照以下給出的順序依次排列,確保代碼的易讀性. class id,?name ...

C語言解析WAV音頻文件

C語言解析WAV音頻文件 代碼地址: Github : https://github.com/CasterWx/c-wave-master 目錄 前言 了解WAV音頻文件 什么是二進制文件 WAV的二 ...

PHP WeBaCoo后門學習筆記

PHP WeBaCoo后門學習筆記 - PHP WeBaCoo backdoor learning notes WeBaCoo (Web?Backdoor?Cookie)?是一款隱蔽的腳本類Web后門 ...

總結

以上是生活随笔為你收集整理的bootstrap 获取表格修改的结果_bootstrap-table前端修改后台传来的数据重新进行渲染...的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。