根据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);
}        

 

posted @ 2020-11-27 15:46  隔壁老于头  阅读(330)  评论(0编辑  收藏  举报