版权声明:本文为博主原创文章,未经博主允许不得转载。 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
});
})