页面的table直接转excel并下载（不需要经过后台）

最新推荐文章于 2024-05-16 18:15:52 发布

往事不堪回首..

最新推荐文章于 2024-05-16 18:15:52 发布

阅读量860

点赞数 1

文章标签： excel

本文链接：https://blog.csdn.net/qq3892997/article/details/131553624

版权

1. demo.html

<!DOCTYPE>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>TABLE转换EXCEL</title>
        <script src="jquery.min.2.2.4.js" ></script>
        <script src="table2excel.js"></script>
        <style type="text/css">
            .btn{
                margin:20px;
            }
        </style>
    </head>
    <body>
        <center>
            <div class="table2excel">
                <table id = 'testTable' border="1">
					<tr>
                      <td colspan="3"><input class="btn" type="button"  value="点击导出"></td>
                    </tr>
                    <tr>
                        <th>标题一</th>
                        <th>标题二</th>
                        <th>标题三</th>
                    </tr>
                    <tr  class="noExl">
                      <td>100 (不导出)</td>
                      <td>200 (不导出)</td>
                      <td>300 (不导出)</td>
                    </tr>
                    <tr>
                      <td>400</td>
                      <td>500</td>
                      <td>600</td>
                    </tr>
                    
                </table>
            </div>
        </center>
        <script type="text/javascript">
            $(function() {
                $(".btn").click(function(){
                    $(".table2excel").table2excel({
                        // 不被导出的表格行的CSS class类
                        exclude: ".noExl",
                        // 导出的Excel文档的名称
                        name: "Excel Document Name",
                        // Excel文件的名称
                        filename: "test",
                        //文件后缀名
                        fileext: ".xls",
                        //是否排除导出图片
                        exclude_img: false,
                        //是否排除导出超链接
                        exclude_links: false,
                        //是否排除导出输入框中的内容
                        exclude_inputs: false
                    });
                }); 
            });
        </script>
    </body>
</html>

其他资源文件（js）网上一搜一大把，也可以下载我上传的，

但是有个重大bug就是当列多时（通常超过20列），数据一般超过600条就会造成浏览器无反应