html表格excel导出
时间: 2024-01-16 19:16:49 浏览: 85
html表格导出到excel
3星 · 编辑精心推荐
以下是两种将HTML表格导出为Excel文件的方法:
1. 使用js-xlsx插件导出excel
```javascript
// 引入js-xlsx插件和FileSaver.js库
<script src="https://cdn.bootcss.com/xlsx/0.14.3/xlsx.full.min.js"></script>
<script src="https://cdn.bootcss.com/FileSaver.js/2014-11-29/FileSaver.min.js"></script>
// 定义导出函数
function exportToExcel(tableId, fileName) {
// 获取表格对象
var table = document.getElementById(tableId);
// 将表格转换为workbook对象
var wb = XLSX.utils.table_to_book(table);
// 将workbook对象转换为二进制数据流
var wbout = XLSX.write(wb, { bookType: 'xlsx', type: 'binary' });
// 将二进制数据流转换为Blob对象
var blob = new Blob([s2ab(wbout)], { type: 'application/octet-stream' });
// 使用FileSaver.js库将Blob对象下载到本地计算机
saveAs(blob, fileName + '.xlsx');
}
// 将字符串转换为ArrayBuffer对象
function s2ab(s) {
var buf = new ArrayBuffer(s.length);
var view = new Uint8Array(buf);
for (var i = 0; i != s.length; ++i) view[i] = s.charCodeAt(i) & 0xFF;
return buf;
}
```
2. 使用前端插件直接将表格导出为Excel文件
可以使用像jQuery Export Table Plugin、Bootstrap Table Export、TableExport等前端插件,直接将表格导出为Excel文件并在浏览器中下载。这种方式通常需要在页面中引入插件相关的JavaScript库。
阅读全文