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

这篇具有很好参考价值的文章主要介绍了页面的table直接转excel并下载（不需要经过后台）。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

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条就会造成浏览器无反应文章来源地址https://www.toymoban.com/news/detail-527001.html

到了这里，关于页面的table直接转excel并下载（不需要经过后台）的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！