js操作table表格导出数据到excel方法
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
作者:熊哥club
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明。文章部分内容来源网络,如有版权问题,请留言告知,博主会尽快删除.
微信扫描下方二维码关注【熊哥club】,回复1024获取程序员必备IT电子书,回复java获取全套学习资源


【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 三行代码完成国际化适配,妙~啊~
· .NET Core 中如何实现缓存的预热?