js实现table导出excel表格
时间: 2024-01-21 12:01:55 浏览: 176
可以使用以下代码实现:
```javascript
function exportTableToExcel(tableID, filename = ''){
var downloadLink;
var dataType = 'application/vnd.ms-excel';
var tableSelect = document.getElementById(tableID);
var tableHTML = tableSelect.outerHTML.replace(/ /g, '%20');
//设置导出文件名
filename = filename?filename+'.xls':'excel_data.xls';
//创建下载链接
downloadLink = document.createElement("a");
document.body.appendChild(downloadLink);
if(navigator.msSaveOrOpenBlob){
var blob = new Blob(['\ufeff', tableHTML], {
type: dataType
});
navigator.msSaveOrOpenBlob( blob, filename);
}else{
//创建下载链接
downloadLink.href = 'data:' + dataType + ', ' + tableHTML;
//设置文件名
downloadLink.download = filename;
//触发点击事件
downloadLink.click();
}
}
```
使用方法:
1. 在HTML中,创建一个table元素,并为其设置一个id,例如:
```html
<table id="myTable">
<tr>
<th>姓名</th>
<th>年龄</th>
<th>性别</th>
</tr>
<tr>
<td>张三</td>
<td>25</td>
<td>男</td>
</tr>
<tr>
<td>李四</td>
<td>30</td>
<td>女</td>
</tr>
</table>
```
2. 在js代码中,调用 exportTableToExcel() 函数,并传入 table 元素的 id 和导出的文件名(可选),例如:
```javascript
exportTableToExcel('myTable', 'myData');
```
这样,当用户点击触发导出操作的按钮时,就可以将指定的 table 元素导出为 Excel 表格。
阅读全文