如何将table里的内容导出到excel

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/fmyzc/article/details/82015960

开发时有遇到要将table里的内容导出excel的操作，百度了下，觉得还是插件比较方便

插件：jquery-table2excel

下载地址： 网盘地址      密码:y00w

使用方法：

       1.将下载的文件夹里的  src/jquery.table2excel.js 引入页面

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.table2excel.js"></script>  

   2.初始化插件    

$("#table2excel").table2excel({
  // 不被导出的表格行的CSS class类
  exclude: ".noExl",
  // 导出的Excel文档的名称
  name: "Excel Document Name",
  // Excel文件的名称
  filename: "myExcelTable"
}); 

        exclude：不被导出的表格行的CSS class类。

        name：导出的Excel文档的名称。

        filename：Excel文件的名称。

        exclude_img：是否导出图片。

        exclude_links：是否导出超链接

        exclude_inputs：是否导出输入框中的内容。

         'table2excel' : table标签 的id

   3.示例

HTML

<table border="1" width="80%" style="font-family: 微软雅黑; font-size: 12pt; border-collapse:collapse" cellpadding="0" bordercolor="#000000" class="exportTable">
    <tr>
        <td width="2%" align="center" bgcolor="#FFFF00">单号类型</td>
        <td width="3%" align="center" bgcolor="#FFFF00">单号</td>
        <td width="3%" align="center" bgcolor="#FFFF00">当前状态</td>
    </tr>
</table>
<button class="excelButton">导出excel</button>

JS

$(document).on('click','.excelButton',function(){
        $(".exportTable").table2excel({
            exclude: ".noExl",
            name: "Excel Document Name",
            filename: "myFileName",
            exclude_img: true,
            exclude_links: true,
            exclude_inputs: true
        });
})