如何动态生成 动态的多级表头呢？

Question

一级表头下面有二级表头

生成这样的表格动态表头：

Answer 1

首先，需要准备好表头的数据，可以是从后端获取的数据，也可以是前端预先定义好的数据。

然后，在JavaScript中遍历这些表头数据，并动态创建HTML元素来表示表头。例如，可以使用HTML的<th>元素来表示表头单元格。

将这些表头单元格添加到表格的第一行中，即可实现动态生成多级表头的功能。

例如，下面是一段JavaScript代码，实现了动态生成多级表头的功能：

// 表头数据
var headers = [
    { text: "一级表头1", colspan: 2 },
    { text: "一级表头2", colspan: 3 }
];

// 遍历表头数据
for (var i = 0; i < headers.length; i++) {
    // 创建表头单元格
    var th = document.createElement("th");
    th.innerHTML = headers[i].text;
    th.colSpan = headers[i].colspan;
    
    // 添加到表格的第一行
    var tr = document.getElementById("table-headers");
    tr.appendChild(th);
}