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>



评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值