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...
- 微信小程序给我们提供了一个很好的开发平台,可以用于展现各种数据和实现丰富的功能,本篇随笔介绍微信小程序结合后台数据...