所以SheetJS实现table导出数据为Excel

Song • 2145 次浏览 • 0个评论 • 2023年09月05日

在使用后台管理系统中用到了一些表格、想到将浏览器中的表格(table) 和 excel/xlsx格式的文件、JSON数据格式的相互转换也是很常见的功能。

接下来：

1、选择表格ID

<table id="TableToExport">

2、引入SheetJS库

<script src="https://cdn.sheetjs.com/xlsx-0.20.0/package/dist/xlsx.full.min.js"></script>

3、添加一个导出按钮

<button id="sheetjsexport"><b>导出为Excel</b></button>

4、JS方法监听按钮点击

<script>
document.getElementById("sheetjsexport").addEventListener('click', function() {
    /* 创建导出对象 */
    var wb = XLSX.utils.table_to_book(document.getElementById("TableToExport"));
    /* 导出到文件 */
    XLSX.writeFile(wb, "SheetJSTable.xlsx");
});
</script>

Laravel Excel