var columns = new Array();
var retdata = {};
var colData = new Array();
var moneyCol = {"name":"金額"};
var numCol = {"name":"人數"};
var json = {};
$.getJSON("../../eldercare/statisticalreport/getBaseServiceOldman1?_" + $.now(), function(r) {
retdata = r;
columns.push({field : "name", title : "會員類型", width : "100px"});
retdata.forEach(function(value,index,array){
if(value.type == 'total'){
value.type = '共計';
}else if(value.type == 'cancel'){
value.type = '注銷';
}
columns.push({field :value.type, title :value.type, width : "100px"});
moneyCol[value.type]= value.amount;
numCol[value.type]= value.peoplenum;
});
colData.push(numCol);
colData.push(moneyCol);
json.rows = colData;
$('#dataGrid0').bootstrapTableEx({
columns:columns
// columns: [
// {field : "name", title : "會員類型", width : "100px"},
// {field : "a1", title : "A1", width : "100px"},
// {field : "a2", title : "A2", width : "100px"},
// {field : "b1", title : "B1", width : "100px"},
// {field : "b2", title : "B2", width : "100px"},
// {field : "total", title : "共計", width : "100px"},
// {field : "cancel", title : "注銷", width : "100px"},
// ]
});
$('#dataGrid0').bootstrapTable('load',json);
});
bootstrap 動態列展示(后臺數據js處理行轉列)
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
推薦閱讀更多精彩內容
- 一、寫在前面 1. Bootstrap是一個由 Twitter 開發和維護的前端框架,目前很受歡迎,Bootst...
- 微信小程序給我們提供了一個很好的開發平臺,可以用于展現各種數據和實現豐富的功能,本篇隨筆介紹微信小程序結合后臺數據...