美文网首页
bootstrap 动态列展示(后台数据js处理行转列)

bootstrap 动态列展示(后台数据js处理行转列)

作者: 炒面Z | 来源:发表于2018-01-05 19:10 被阅读0次
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处理行转列)

  • mysql开发技巧笔记

    行转列 结果 使用 SUM 进行 行转列 列转行 应用场景 属性拆分 etl数据处理 1. 利用序列表处理列转行的...

  • DLA SQL技巧:行、列转换和JSON数据列展开

    1. 简介 在数据库SQL处理中,常常有行转列(Pivot)和列转行(Unpivot)的数据处理需求。本文以示例说...

  • sql中列转行unpivot、行转列pivot详细讲解||Mys

    目录:一、sqlserver列转行、行转列详解二、Oracle列转行、行转列详解三、DB2列转行、行转列详解四、M...

  • 爬虫初窥

    静态爬虫和动态爬虫 静态爬虫:页面数据的展示不依靠js等和后台的交互。动态爬虫:页面的数据需要通过js,ajax等...

  • bootstrap-table

    管理后台以表格形式展示数据,用到了bootstrap-table表格插件 项目需要引进以下几个js文件 代码如下:

  • 狂神

    前端展示 后台存储数据数据结构 算法数据库DB 数据库管理系统DBMS 表 行 列 数据...

  • SQL行转列-列转行

    SQL行转列-列转行 一、行转列 建表语句 插入数据 查询数据表中的内容(即转换前的结果) 先来看一下转换后的结果...

  • SqlServer 行转列

    1 建表,添加测试数据 表数据如下图: 行转列sql 行转列如下图: 2 建表,添加测试数据 表数据如下: 行转列...

  • Power Query 系列 (08) - 行转列案例

    行转列是一种常见的数据处理操作,所以对如何在 SQL 语句中、如何在 pandas 中实现这种行转列做过一些总结。...

网友评论

      本文标题:bootstrap 动态列展示(后台数据js处理行转列)

      本文链接:https://www.haomeiwen.com/subject/grwsnxtx.html