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);
}
liang14658fox