html利用js生成excel表格（html表格标签生成excel）table2excel实例：一表格多sheets

最新推荐文章于 2024-08-19 09:58:38 发布

Sylvan Ding

最新推荐文章于 2024-08-19 09:58:38 发布

阅读量1.1k

点赞数 1

分类专栏：数据分析文章标签： excel javascript html

©SylvanDing

本文链接：https://blog.csdn.net/IYXUAN/article/details/115221946

版权

数据分析专栏收录该内容

9 篇文章 3 订阅

订阅专栏

本文介绍了如何使用table2excel.js插件将HTML表格转换成.xlsx文件，用户可以下载并用Excel打开。示例代码中展示了如何设置table属性以及通过JavaScript触发导出操作，提供了一个输出Excel文件的按钮。提供了相关链接供进一步参考。

摘要由CSDN通过智能技术生成

table2excel实例

使用插件：table2excel.js
简介：table2excel 可以转换和下载html上的表格，使他成为.xlsx格式，能够被Excel打开

实例代码

<head>
    <!--js文件在文章末尾-->
    <script src="table2excel.js"></script>
</head>

<body>

    <!--table属性：data-excel-name设置该table在Excel的sheet名称-->
    <table data-excel-name="Excel_sheet_name1">
        <thead>
        <tr>
            <th>table_head</th>
        </tr>
        </thead>
        <tbody>
            <tr>
                <td>table_data_cell</td>
            </tr>
        </tbody>
        <tfoot>
            <tr>
                <td>table_foot_cell</td>
            </tr>
        </tfoot>
    </table>

    <table data-excel-name="Excel_sheet_name2">
        <thead>
        <tr>
            <th>table_head</th>
        </tr>
        </thead>
        <tbody>
            <tr>
                <td>table_data_cell</td>
            </tr>
        </tbody>
        <tfoot>
            <tr>
                <td>table_foot_cell</td>
            </tr>
        </tfoot>
    </table>

    <!--输出excel文件按钮-->
    <button id="export">Export_to_excel</button>
    <script>
        var table2excel = new Table2Excel();
        // table2excel.export(table, table_name), table_name是你要输出的table文件名
        document.getElementById('export').addEventListener('click',function(){
            table2excel.export(document.querySelectorAll('table'),'table_name');
        });
    </script>
</body>