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

最新推荐文章于 2024-07-29 20:11:11 发布

蜂蜜柚子茶

最新推荐文章于 2024-07-29 20:11:11 发布

阅读量2k

点赞数

本文链接：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
        });
})