版权声明:本文为博主原创文章,未经博主允许不得转载。 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>