js table添加列

在 JavaScript 中，可以通过以下步骤向表格动态添加列：

1. 获取表格对象：

   var table = document.getElementById("table_id");

这里假设表格的 id 属性为 `table_id`。

2. 创建表头单元格（th 或 td）：

   var th = document.createElement("th");

这里创建的是表头单元格，如果要创建普通单元格，可以将 `th` 替换为 `td`。

3. 设置单元格的文本或内容：

   th.innerHTML = "列标题";

可以使用 `innerHTML` 属性设置单元格的内容，也可以使用 `textContent` 属性设置单元格的文本。

4. 将单元格添加到表头行中：

   var headerRow = table.rows[0];
   headerRow.appendChild(th);

这里假设表格的第一行是表头行，如果表格没有表头行，则需要先创建一个表头行并将其添加到表格中。可以使用 `insertRow()` 方法创建新行，例如：

   var headerRow = table.insertRow(0);

5. 遍历表格中的行，将新列的单元格添加到每一行中：

   for (var i = 1; i < table.rows.length; i++) {
     var cell = table.rows[i].insertCell(-1);
     cell.innerHTML = "单元格内容";
   }

这里使用 `insertCell()` 方法在每一行的末尾添加新单元格，并设置单元格的内容。

完整的示例代码如下：

var table = document.getElementById("table_id");

// 创建表头单元格
var th = document.createElement("th");
th.innerHTML = "列标题";

// 将单元格添加到表头行中
var headerRow = table.rows[0];
headerRow.appendChild(th);

// 遍历表格中的行，将新列的单元格添加到每一行中
for (var i = 1; i < table.rows.length; i++) {
  var cell = table.rows[i].insertCell(-1);
  cell.innerHTML = "单元格内容";
}

其中，`table_id` 是表格的 id 属性，可以根据实际情况修改。