html table 导出excel
时间: 2023-09-27 10:08:30 浏览: 46
要将 HTML 表格导出为 Excel,可以使用 JavaScript 库如 SheetJS 和 js-xlsx。
以下是使用 SheetJS 的示例代码:
```html
<!-- HTML 表格 -->
<table id="myTable">
<thead>
<tr>
<th>姓名</th>
<th>年龄</th>
<th>性别</th>
</tr>
</thead>
<tbody>
<tr>
<td>张三</td>
<td>25</td>
<td>男</td>
</tr>
<tr>
<td>李四</td>
<td>30</td>
<td>女</td>
</tr>
</tbody>
</table>
<!-- 导出按钮 -->
<button onclick="exportToExcel()">导出 Excel</button>
<!-- 引入 SheetJS 库 -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.16.8/xlsx.full.min.js"></script>
<script>
function exportToExcel() {
// 获取 HTML 表格的数据
var table = document.getElementById("myTable");
var data = [];
for (var i = 0, row; row = table.rows[i]; i++) {
var rowData = [];
for (var j = 0, col; col = row.cells[j]; j++) {
rowData.push(col.innerText);
}
data.push(rowData);
}
// 创建工作簿和工作表
var workbook = XLSX.utils.book_new();
var worksheet = XLSX.utils.aoa_to_sheet(data);
// 将工作表添加到工作簿
XLSX.utils.book_append_sheet(workbook, worksheet, "Sheet1");
// 将工作簿保存为 Excel 文件
XLSX.writeFile(workbook, "myTable.xlsx");
}
</script>
```
以上代码将在导出按钮点击时将 HTML 表格数据导出为名为 `myTable.xlsx` 的 Excel 文件。