码迷,mamicode.com
首页 > Web开发 > 详细

js操作table表格导出数据到excel方法

时间:2016-12-19 10:51:35      阅读:175      评论:0      收藏:0      [点我收藏+]

标签:put   prim   lin   tar   jquery   code   文件   blog   click   

js导出excel资料很少,网上也找了很多,基本都不能用,要么只能是IE用,还必须要权限,这是非常不好的。后来到github上找到table2excel.js,虽然可以用,但仍然对IE支持不够,也算不错的东西。

 

导出的excel文件是xlsx,也可以改为xls打开。注意的是,要对每个table做个标记,加上div框架如代码:

 

<div class="table-responsive table2excel" data-tableName="Test Table 1">
紧接着跟着你的table就OK了。
导出按钮:
<button id="btn" class="btn btn-primary">导出</button>

</table>结尾加载JS文件

<script>window.jQuery || document.write(<script src="i/js/jquery-1.11.0.min.js"><\/script>)</script>
<script src="i/js/jquery.table2excel.js"></script>
<script>
$(function() {
$("#btn").click(function(){
$(".table2excel").table2excel({
exclude: ".noExl",
name: "Apptoapi Excel",
filename: "domain",
exclude_img: true,
exclude_links: true,
exclude_inputs: true
});
});
});
</script>

这样就可以直接从页面TABLE上导出文件XLS了。

 

附件:js下载地址  http://pan.baidu.com/s/1kVqbTMB

 

js操作table表格导出数据到excel方法

标签:put   prim   lin   tar   jquery   code   文件   blog   click   

原文地址:http://www.cnblogs.com/xionggeclub/p/6196331.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!