JQuery Plugin-TableExport实现前端表格的导出功能(已解决表格pdf导出中文格式问题)

关注

VIP免费原创最新推荐文章于 2026-08-01 13:09:10 发布 2.9w 阅读 AI 写同款· GEO 优化 ›

tableExport.jquery.plugin：jQuery插件，用于将html表导出为JSON，XML，CSV，TSV，TXT，SQL，Word，Excel，PNG和PDF tableExport.jquery.plugin 将HTML表格导出到 CSV DOC JSON格式 PDF格式 PNG SQL 硅通Kong 文本 XLS（Excel 2000 HTML格式） XLSX（Excel 2007 Office Open XML格式） XML（Excel 2003 XML电子表格格式） XML（原始xml）安装要在客户端保存生成的导出文件，请在您的html代码中包括： < script type =" text/javascript " src =" libs/FileSaver/FileSaver.min.js " > </ script 立即下载

前言

最近在整一个前端的一个测试工具，使用Express+Nodejs实现后台功能。为了能够实现前端表格的导出功能，各种尝试发现tableExport是一个很不错的插件。因此最后选择了hhurz的JQuery Plugin来实现表格的导出功能。
可以从下面的地址下载TableExport插件；该插件可以将Html的表格导出成为 JSON, XML, CSV, TSV, TXT, SQL, Word, Excel, PNG and PDF格式，支持的导出格式还是挺多的，基本能满足自己的需求。
因为github上作者给出的插件的使用描述已经很详细了，我就不在这里赘述很多重复的东西了（具体怎么使用该插件，还请麻烦移步tableExport的git上）。简述：我们可以通过下载插件，然后放到自己的工程路径下，使用’script’标签做路径引用能够很好实现Json、XML、CSV、TSV、TXT、SQL、Word、Excel格式的导出。
该插件pdf格式的导出有一些中文问题，现在已经解决，但是PNG格式的导出测试在火狐浏览器中会显示图片不全的问题，在360浏览器中正常使用，而在微软自带浏览器中所有导出功能都不能正常使用，其他浏览器没有测试，看来该插件的使用和浏览器的内核有很大关系。
下面给出我使用过程中遇到的问题及一些尝试解决的方法,同时会在最后附上纯表格导出的代码链接，以tableExport为例子做一个demo，希望达到这样的目的：想要实现前端表格的导出功能的小伙伴能够在这个博客得到需要的，因为自己在tableExport这个插件上耗费了整整2天的时间，希望其他小伙伴使用的过程中能够更快实现自己的需求。