通过JavaScript实现将html中table表格导出为Excel文件的实现方法

直接附上代码：

<!DOCTYPE html>
<html>
<head>
    <title>导出表格为Excel</title>
    <script src="https://unpkg.com/xlsx/dist/xlsx.full.min.js"></script>
    <script src="https://unpkg.com/file-saver/dist/FileSaver.min.js"></script>
</head>
<body>
    <table id="myTable">
        <tr>
            <th>姓名</th>
            <th>年龄</th>
        </tr>
        <tr>
            <td>张三</td>
            <td>25</td>
        </tr>
        <tr>
            <td>李四</td>
            <td>30</td>
        </tr>
    </table>

    <button onclick="exportToExcel()">导出为Excel</button>

    <script>
        function exportToExcel() {
            var wb = XLSX.utils.table_to_book(document.getElementById('myTable'), {sheet:"Sheet JS"});
            var wbout = XLSX.write(wb, {bookType:'xlsx', bookSST:true, type: 'binary'});

            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;
            }

            saveAs(new Blob([s2ab(wbout)],{type:"application/octet-stream"}), 'output.xlsx');
        }
    </script>
</body>
</html>

我们添加了 FileSaver.js 库的引用，它提供了 saveAs 函数的实现。通过将库的 JavaScript 文件引入到页面中，我们可以使用 saveAs 函数来保存生成的 Excel 文件。

请确保在页面中正确引入了 xlsx 和 FileSaver.js 库，并将 output.xlsx 替换为你想要保存的实际文件名。

JavaScrip table转Excel

0人收藏

0人点赞

本站素材来自用户分享，仅限学习交流请勿用于商业用途。如损害你的权益请联系客服QQ：201240120 给予处理。

通过JavaScript实现将html中table表格导出为Excel文件的实现方法

还没有评论哦!