VKT 工具箱 · 2026年8月28日 · 5 分钟阅读

导出网页表格时如何处理合并单元格（rowspan/colspan 指南）

政府报告、财务报表、学校课程表——网页上最有用的数据表格往往也是最复杂的。它们使用合并单元格来分组类别、跨列标题或创建多级布局。而当你试图将它们复制到 Excel 时，一切都乱了。

本指南解释了合并单元格为什么会出错、rowspan 和 colspan 到底是什么，以及如何无需手动清理就能正确导出。

什么是 rowspan 和 colspan？

在 HTML 中，表格由 <tr>（行）、<td>（数据单元格）和 <th>（表头单元格）构建。两个属性控制单元格合并：

• rowspan="3"——此单元格垂直跨越 3 行；
• colspan="2"——此单元格水平跨越 2 列。

以下是政府预算表格中的一个典型示例：

标题 "Department" 跨越 2 行；"Budget (USD)" 跨越 2 列。这创建了清晰的层级结构——但正是这一点在复制粘贴时会出错。

为什么合并单元格在复制粘贴时会出错

当你在浏览器中选中这个表格并按 Ctrl+C 时，浏览器将原始 HTML 发送到剪贴板。Excel 接收后尝试将 HTML 单元格映射到电子表格单元格。问题在于：

• rowspan 单元格——Excel 可能只在第一行粘贴值，导致下一行的第一个单元格为空。你的 "Education" 标签在第二个数据行中消失了；
• colspan 单元格——Excel 可能将合并标题放入一个单元格，但相邻单元格留空，导致后续所有列向右偏移；
• 多级表头——同时使用 rowspan 和 colspan 的 2-3 行表头会产生完全乱码的输出；
• 嵌套表格——有些网站在表格单元格内嵌套表格。复制粘贴会将它们当作一个扁平表格处理，破坏结构。

结果：一个显示只需 2 秒的表格，清理却要花 30 分钟。

解决方案：读取 HTML 结构，而非渲染副本

根本问题在于复制粘贴操作的是渲染输出。要正确处理合并单元格，你需要一个能读取底层 HTML 属性——即实际的 rowspan 和 colspan 值——并在导出前数学重建网格的工具。

这正是 VKT TableGrab 所做的：

1. 扫描页面上的所有 <table> 元素；
2. 对每个单元格，读取 rowspan 和 colspan 属性；
3. 构建二维网格，在所有跨行/跨列单元格中填充值；
4. 将网格导出为结构正确的 CSV。

结果："Education" 出现在它应该出现的每一行，"Budget (USD)" 作为标题正确跨列，所有列对齐。

如何使用 TableGrab 处理合并单元格表格

1. 从 Chrome 应用商店或 Edge 附加组件安装；
2. 打开包含复杂表格的页面；
3. 点击 TableGrab 图标——自动检测所有表格；
4. 悬停列表中的表格即可在页面上高亮显示；
5. 点击导出——CSV 下载完成，合并单元格已正确重建。

无需开发者工具，无需脚本，无需手动修复。免费版支持每页最多 5 个表格——对大多数报告来说绰绰有余。

常见问题

更多指南请访问VKT 博客；问题请联系 [email protected]。