首先需要引进包:
<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>