使用javascript从多维数组创建和填充多个表可以通过以下步骤实现:
let multiArray = [[1, 2, 3], [4, 5, 6]];
let table = document.createElement("table");
// 创建表头
let thead = document.createElement("thead");
let tr = document.createElement("tr");
for (let i = 0; i < multiArray[0].length; i++) {
let th = document.createElement("th");
th.innerText = "Header " + (i+1);
tr.appendChild(th);
}
thead.appendChild(tr);
table.appendChild(thead);
// 创建表格内容
let tbody = document.createElement("tbody");
for (let i = 0; i < multiArray.length; i++) {
let tr = document.createElement("tr");
for (let j = 0; j < multiArray[i].length; j++) {
let td = document.createElement("td");
td.innerText = multiArray[i][j];
tr.appendChild(td);
}
tbody.appendChild(tr);
}
table.appendChild(tbody);
// 将表格添加到页面中的某个元素
document.getElementById("container").appendChild(table);
multiArray
就是要填充到表格中的多维数组。以上是使用javascript从多维数组创建和填充多个表的基本方法。根据实际需求,可以在此基础上进行样式和交互的定制化处理。
注意:以上代码只是一个示例,实际应用中可能需要根据具体需求进行修改和优化。
腾讯云相关产品和产品介绍链接地址:暂无
领取专属 10元无门槛券
手把手带您无忧上云