tableExport.js对table进行导出excel

首先需要引进包:

<script type="text/javascript" src="${pageContext.request.contextPath}/style/bootstrap/jquery-1.8.3.min.js"></script> <script type="text/javascript" src="${pageContext.request.contextPath}/style/bootstrap/export/tableExport.js"></script> <script type="text/javascript" src="${pageContext.request.contextPath}/style/bootstrap/export/jquery.base64.js"></script>

使用$(#dataTable1).tableExport({ type: excel, separator: ;, escape: false });就可以进行导出,

具体的导出EXCEL设置和Excel标题内容处理需要去tableExport.js中就行操作;直接修改源码来满足自己要求

方法一:

<span class="glyphicon glyphicon-download-alt" οnclick="$(#dataTable1).tableExport({ type: excel, separator: ;, escape: false });"></span>

方法二:

//文件导出-------------------------- $("#btnExport").click(function(){ $(#stats_datatable).tableExport({ type:excel, escape:false, fileName: UV_statistic_table }); });

说明:stats_datatable是table标签的id


实际中:该js导出的Excel也就是在js中将需要生成的table编写为html中的table样式,再将其数据流转换为Excel导出;同理导出pdf也是这个道理,详情看js源码

例如:

1.Excel名称自定义:

//文件导出-------------------------- $("#btnExport").click(function(){ $(#stats_datatable).tableExport({ type:excel, escape:false, fileName: UV_statistic_table }); });

说明:stats_datatable是table标签的id

<table class="table table-striped" id="stats_datatable" > <tbody id=uvnum> </tbody> </table>


2.设置Excel内容在<td></td>

经验分享 程序员 微信小程序 职场和发展