xlsx将多个table导入一个sheet页

最新推荐文章于 2025-03-17 09:53:19 发布

b哈利路亚d

最新推荐文章于 2025-03-17 09:53:19 发布

阅读量2.7k

点赞数 2

分类专栏： Web开发文章标签： xlsx sheetJS excel

本文链接：https://blog.csdn.net/lanwilliam/article/details/118753053

版权

Web开发专栏收录该内容

108 篇文章

订阅专栏

这篇博客介绍了一个将多个网页表格数据合并到单一Excel工作表的方法。通过xlsx库，作者首先将每个表格转换为worksheet，然后使用sheet_to_json转换成json对象，接着将多个json对象拼接，并通过json_to_sheet创建新的工作表。最终，所有数据被整合到一个名为'汇总统计'的Excel工作表中并导出。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近有个需求将一个web页面上多个table显示的数据导入到一个excel的sheet页面上面。

发现目前给的demo都是直接将table导出到sheet上。

扒拉了一下xlsx的源码，发现也没提供类似功能。只有table_to_sheet和table_add_dom方法，两个方法如果多次指定table，都会被后一个覆盖前一个，无法达成目的。

后来想了个这种办法，利用xlsx里的方法，现将table转换成worksheet，然后利用sheet_to_json方法，将其转换成json对象。之后再讲多个json对象连接，然后用json_to_sheet转换成sheet对象，就能达成目的了。代码如下：

var xlsxParam = {
            raw: true
        }; //转换成excel时，使用原始的格式，这样导出的时候数字过长不会变成科学计数法
        let workbook = XLSX.utils.book_new();
        

        let ws1 = XLSX.utils.table_to_sheet(document.querySelector('#resultTable1'), xlsxParam);
        let ws2 = XLSX.utils.table_to_sheet(document.querySelector('#resultTable2'), xlsxParam);
        let ws3 = XLSX.utils.table_to_sheet(document.querySelector('#resultTable3'), xlsxParam);
        let ws4 = XLSX.utils.table_to_sheet(document.querySelector('#resultTable4'), xlsxParam);

        let a = XLSX.utils.sheet_to_json(ws1, { header: 1 })
        let b = XLSX.utils.sheet_to_json(ws2, { header: 1 })
        let c = XLSX.utils.sheet_to_json(ws3, { header: 1 })
        let d = XLSX.utils.sheet_to_json(ws4, { header: 1 })

        a = a.concat(['']).concat(b).concat(['']).concat(c).concat(['']).concat(d)
        let worksheet = XLSX.utils.json_to_sheet(a, { skipHeader: true })
        XLSX.utils.book_append_sheet(workbook, worksheet, '汇总统计');   
        let wbout = XLSX.write(workbook, {
            bookType: 'xlsx',
            bookSST: true,
            type: 'array'
        });
        try {
            FileSaver.saveAs(
            new Blob([wbout], {
                type: 'application/octet-stream;charset=utf-8"'
            }), '汇总统计表.xlsx');
        } catch (e) {
            if (typeof console !== 'undefined') console.log(e, wbOut);
        }
        return wbout;