Skip to content
js
// 渲染table到HTML
function renderTOtable(arr) {
    //表头
    var tablehead = []
    tablehead = Object.keys(arr[0]) // 将对象所有键值对键名放到数组中
    console.log(tablehead, 'tablehead')
    
    //初始化
    function init() {
        var body = document.body;
        var container = document.createElement("div");
        body.appendChild(container);
        return container;
    }

    //创建表格
    function inittable(container) {
        var table = document.createElement("table");
        table.setAttribute('id', 'score'); // 给创建的元素添加id属性
        table.setAttribute('class', 'tabble_excel');
        container.appendChild(table);
        var tr_head = document.createElement("tr");
        table.appendChild(tr_head);
        for (var i = 0; i < tablehead.length; i++) {
            var th = document.createElement("th");
            th.setAttribute("class", "text-center");
            th.innerHTML = tablehead[i];
            tr_head.appendChild(th);
        }
        //使用for循环将对象加入到table中去
        for (var k = 0; k < arr.length; k++) {
            var tr = document.createElement("tr");
            table.appendChild(tr);
            for (var j = 0; j < tablehead.length; j++) {
                var td = document.createElement("td");
                td.setAttribute("class", "text-center");
                td.innerHTML = arr[k][tablehead[j]];
                tr.appendChild(td);
            }
        }
    }
    var table = init();
    inittable(table);
}
// 渲染table到HTML
function renderTOtable(arr) {
    //表头
    var tablehead = []
    tablehead = Object.keys(arr[0]) // 将对象所有键值对键名放到数组中
    console.log(tablehead, 'tablehead')
    
    //初始化
    function init() {
        var body = document.body;
        var container = document.createElement("div");
        body.appendChild(container);
        return container;
    }

    //创建表格
    function inittable(container) {
        var table = document.createElement("table");
        table.setAttribute('id', 'score'); // 给创建的元素添加id属性
        table.setAttribute('class', 'tabble_excel');
        container.appendChild(table);
        var tr_head = document.createElement("tr");
        table.appendChild(tr_head);
        for (var i = 0; i < tablehead.length; i++) {
            var th = document.createElement("th");
            th.setAttribute("class", "text-center");
            th.innerHTML = tablehead[i];
            tr_head.appendChild(th);
        }
        //使用for循环将对象加入到table中去
        for (var k = 0; k < arr.length; k++) {
            var tr = document.createElement("tr");
            table.appendChild(tr);
            for (var j = 0; j < tablehead.length; j++) {
                var td = document.createElement("td");
                td.setAttribute("class", "text-center");
                td.innerHTML = arr[k][tablehead[j]];
                tr.appendChild(td);
            }
        }
    }
    var table = init();
    inittable(table);
}