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>