Jquery导出页面表格table的内容为Excel，PDF，DOC格式

最新推荐文章于 2025-06-27 14:49:38 发布

原创最新推荐文章于 2025-06-27 14:49:38 发布 · 4.1k 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #table #excel #pdf #js

前端专栏收录该内容

28 篇文章

订阅专栏

本文介绍如何使用Jquery的tableExport插件将网页中的表格数据导出为Excel、PDF和DOC格式。通过引入必要的库文件并调用tableExport函数，可以轻松实现数据的多格式导出。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Jquery导出页面表格table的内容为Excel，PDF，DOC格式
文档地址：http://www.jqueryfuns.com/resource/2381
1、引入jquery的js–这里就不跟详细介绍了
2、引入tableExport的js
下载地址：https://download.youkuaiyun.com/download/zk_1325572803/10713185
3、引入顺序（包含excel，pdf和doc格式）
tableExport/libs/pdfMake/pdfmake.js
tableExport/libs/pdfMake/vfs_fonts.js
tableExport/libs/FileSaver/FileSaver.min.js
tableExport/libs/js-xlsx/xlsx.core.min.js
tableExport/libs/jsPDF/jspdf.min.js
tableExport/libs/jsPDF-AutoTable/jspdf.plugin.autotable.js
tableExport/libs/html2canvas/html2canvas.min.js
tableExport/tableExport.js //此js包含样式，宽度等设置

4、页面

	function exportExcel() {
            $("#tableId").tableExport(			//写入你的table的id
                {
                    type: 'excel',
                    fileName: '数据汇总'
                });
        }
        
         function exportPdf() {
            $('# tableId').tableExport({
                fileName: '数据汇总',
                type: 'pdf',
                escape:'true',
                pdfMake: {enabled: true}
            });
        }

        function exportDoc() {
            $('#tableId').tableExport({
                fileName: '数据汇总',
                type: 'doc',
                escape:'true'
            });
        }

页面直接写出发事件就可以
<button onclick='exportExcel();exportPdf();exportDoc()'>测试</button>