导出前端table为excel文件最简单方法

最新推荐文章于 2022-09-22 16:34:03 发布

weixin_45411740

最新推荐文章于 2022-09-22 16:34:03 发布

阅读量2.9k

点赞数 2

本文链接：https://blog.csdn.net/weixin_45411740/article/details/113975914

版权

关键词由CSDN通过智能技术生成

导出前端table为excel文件最简单方法

1.导入js文件

<script type="text/javascript" src="js/jquery-3.3.1.js"></script>
<script type="text/javascript" src="https://files.cnblogs.com/files/liuchenxing/jquery.table2excel.js"></script>

这里jquery.table2excel.js使用的是https的链接，所以直接复制即可使用，jquery文件可自行下载

2.编写table，编写导出按钮

  <table  lay-filter="demo" class="layui-table"  id="excTable">
    <tr>
        <th >名字</th>
        <th>年龄</th>
        <th>性别</th>
        <th>身高</th>
    </tr>
        <tr>
        <td>xxx</td>
        <td>23</td>
        <td>男</td>
        <td>173</td>
    </tr>
        <tr>
        <td>xxx</td>
        <td>30</td>
        <td>女</td>
        <td>150</td>
    </tr>

</table>

<button onclick="etest()">导出</button>

3.编写方法

<script>
    function etest() {
        $("#excTable").table2excel({
            exclude: ".id",
            name: "Excel Document Name",
            filename: "信息表",
            fileext: ".xls",
            exclude_img: false,
            exclude_links: false,
            exclude_inputs: false
        });
    }
</script>

4.导出为excel文件