如何仅删除表格表头及主体行的最后一列，保留页脚总计

API 探路者

2026-8-19

解决方案：保留页脚总计的表格列删除逻辑

问题根源

原代码遍历了表格所有行（包含页脚<tfoot>里的行），并删除每行最后一个单元格，导致页脚里的总计值被删掉。我们需要只删除表头<thead>和主体<tbody>里带复选框的目标列，保留页脚内容。

方案一：精准指定处理范围

直接只处理<thead>和<tbody>中的行，跳过<tfoot>的行：

// 获取表头和主体的行集合
const headerRows = document.getElementById("dtable").querySelectorAll("thead tr");
const bodyRows = document.getElementById("dtable").querySelectorAll("tbody tr");

// 删除表头行的最后一列
headerRows.forEach(row => row.deleteCell(-1));
// 删除主体每行的最后一列
bodyRows.forEach(row => row.deleteCell(-1));

方案二：按列索引删除（更健壮）

如果后续表格列顺序可能变动，先找到表头文本为「Sel.」的列索引，再删除对应列的单元格，这样不管列的位置如何都能精准处理：

const table = document.getElementById("dtable");
const headerRow = table.querySelector("thead tr");
let targetColumnIndex = -1;

// 遍历表头找到「Sel.」列的索引
for (let i = 0; i < headerRow.cells.length; i++) {
  if (headerRow.cells[i].textContent.trim() === "Sel.") {
    targetColumnIndex = i;
    break;
  }
}

// 找到索引后，删除表头和主体对应列的单元格
if (targetColumnIndex !== -1) {
  headerRow.deleteCell(targetColumnIndex);
  document.querySelectorAll("#dtable tbody tr").forEach(row => {
    row.deleteCell(targetColumnIndex);
  });
}