js将表格转出excel

要将JavaScript中的表格数据导出为Excel文件，可以使用一些现成的库，如SheetJS（xlsx）。以下是一个简单的示例，展示如何使用SheetJS将HTML表格转换为Excel文件并提供下载链接。

基础概念

SheetJS：一个强大的JavaScript库，用于读取和写入Excel文件。
Blob对象：用于表示不可变的原始数据，可以用来创建文件并触发下载。

类型

xlsx：标准的Excel文件格式。
xls：较旧的Excel文件格式。

应用场景

数据导出：从网页上的表格导出数据到Excel文件。
报表生成：生成复杂的报表并下载。

示例代码

以下是一个完整的示例，展示如何将HTML表格导出为Excel文件：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Export Table to Excel</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.17.5/xlsx.full.min.js"></script>
</head>
<body>
    <table id="myTable" border="1">
        <thead>
            <tr>
                <th>Name</th>
                <th>Age</th>
                <th>Email</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>John Doe</td>
                <td>30</td>
                <td>john@example.com</td>
            </tr>
            <tr>
                <td>Jane Smith</td>
                <td>25</td>
                <td>jane@example.com</td>
            </tr>
        </tbody>
    </table>
    <button onclick="exportTableToExcel('myTable', 'my-table-data')">Export to Excel</button>

    <script>
        function exportTableToExcel(tableID, filename = ''){
            var downloadLink;
            var dataType = 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=UTF-8';
            var tableSelect = document.getElementById(tableID);
            var workbook = XLSX.utils.table_to_book(tableSelect, {sheet:"Sheet1"});
            var excelBuffer = XLSX.write(workbook, { bookType: 'xlsx', type: 'array' });
            var data = new Blob([excelBuffer], {type: dataType});
            var url = window.URL.createObjectURL(data);
            filename = filename?filename+'.xlsx':'excel_data.xlsx';
            downloadLink = document.createElement("a");

            document.body.appendChild(downloadLink);
            
            if(navigator.msSaveOrOpenBlob) {
                navigator.msSaveOrOpenBlob(data, filename);
            } else {
                downloadLink.href = url;
                downloadLink.download = filename;
                downloadLink.click();
            }

            window.URL.revokeObjectURL(url);
            document.body.removeChild(downloadLink);
        }
    </script>
</body>
</html>

解释

引入SheetJS库：通过CDN引入SheetJS库。
创建表格：定义一个简单的HTML表格。
导出按钮：添加一个按钮，点击时调用exportTableToExcel函数。
导出函数：
- 获取表格元素。
- 使用XLSX.utils.table_to_book将表格转换为工作簿对象。
- 使用XLSX.write将工作簿对象转换为Excel文件的二进制数据。
- 创建一个Blob对象，并生成一个下载链接。
- 触发下载链接，完成文件下载。