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

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/zk_1325572803/article/details/83009548

Jquery导出页面表格table的内容为Excel,PDF,DOC格式
文档地址:http://www.jqueryfuns.com/resource/2381
1、引入jquery的js–这里就不跟详细介绍了
2、引入tableExport的js
下载地址:https://download.csdn.net/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>

猜你喜欢

转载自blog.csdn.net/zk_1325572803/article/details/83009548