zoukankan      html  css  js  c++  java
  • 根据json数组对象制作表头不固定的table表格

    当后台返回json格式,如下:

    [
    {
        "顾问":"小明",
        "一节点":3,
        "二节点":4,
        "三节点":0,
        "四节点":9
    },
    {
        "顾问":"小刚",
        "一节点":34,
        "二节点":234,
        "三节点":7,
        "四节点":1
    },
    ......
    ]
    

    js:

     function logsDataHandle(arr) {
            for (var i = 0; i < arr.length; i++) {
                var arrTitle = Object.keys(arr[0]);//获取数据当表头
            }
            // 渲染页面
            renderTable(arrTitle, arr);
        }
    function renderTable(arrTitle, arr){
            var html = '';
            var tableB = '';
            for (var k = 0; k < arr.length; k++) {
                tableB += '<tr>';
                for (var i in data) {
                    var name = data[i];
                    if (name != 'adminuser') {//表头为adminuser时,不显示
                        if (k == 0) {
                            html += '<th>' + name + '</th>';
                        }
                        tableB += '<td class="">' + arr[k][name] + '</td>';
                }
                tableB += '</tr>';
            }
            var tableH = '<tr class="thead">' + html + '</tr>';
            $(".render-table-head").html(tableH);
            $(".render-table-body").html(tableB);
    }        
  • 相关阅读:
    php Windows系统 wamp集成环境下redis的使用
    IO流文件拷贝
    IO流框架
    Map集合
    泛型
    Deque(队列)
    List接口
    Iterator接口(迭代器)
    Java中的异常详解
    Java中的正则表达式
  • 原文地址:https://www.cnblogs.com/nljy/p/14048404.html
Copyright © 2011-2022 走看看