方法一:直接选中复制(最简单)
在网页上用鼠标拖选表格区域,Ctrl+C 复制,再到 Excel 中 Ctrl+V 粘贴。
优点:零门槛,适合简单 <table>。
缺点:Bootstrap 网格、Angular 组件表格容易列错位;隐藏列、图标按钮可能被一起复制进来。
方法二:粘贴为「仅保留文本」
若方法一粘贴后格式混乱,在 Excel 中使用「选择性粘贴 → 文本」,或用记事本中转一次去掉 HTML 标签。
优点:能去掉部分样式干扰。
缺点:列分隔仍依赖空格或制表符,多列数据经常挤在一列里,需要「分列」功能二次处理。
方法三:HTML 转 Excel 工具(推荐)
打开 HTML 转 Excel,粘贴从开发者工具复制的 outerHTML。
工具会:
- 自动识别 table、Bootstrap row/col、ngx-datatable 等结构
- 在页面内预览解析结果,确认行列无误
- 一键「复制到 Excel」或「导出 Excel」
对于 Angular Material、Bootstrap 5 等组件化表格,这种方式成功率最高。
如何获取 HTML 源码
- 在目标表格上右键 →「检查」
- 在 Elements 面板中找到
<table>或.row容器 - 右键该节点 → Copy → Copy outerHTML
- 粘贴到工具输入框
与 Excel 转 SQL 配合
完整数据流可以是:
网页表格 → HTML 转 Excel → 导出 xlsx → Excel 转 SQL → 导入 SQL Server
若只需 ID 列表做查询,可在 HTML 转 Excel 预览区选中列,直接「复制选中为 WHERE IN」,跳过 Excel 步骤。