纯前端预览并且导出pdf----js将table预览为pdf、并导出为pdf

首先看需求,页面上会渲染出一个表格,可以预览为pdf、并且导出为pdf:
纯前端预览并且导出pdf----js将table预览为pdf、并导出为pdf_第1张图片
当点击预览pdf按钮,则在iframe的地方预览:
纯前端预览并且导出pdf----js将table预览为pdf、并导出为pdf_第2张图片
点击导出pdf按钮,则导出这个table为pdf:
纯前端预览并且导出pdf----js将table预览为pdf、并导出为pdf_第3张图片

实现过程:

首先看看官网API,这个库可以将table导出为很多形式:
纯前端预览并且导出pdf----js将table预览为pdf、并导出为pdf_第4张图片
我主要说的是导出为pdf格式,要看看它的分支jsPDF-AutoTable的API介绍,用法和配置项很详细,主要看examples文件夹里面的示例:

//  html  样式就不写了,自行修改





ID First name Last name Email Country IP-address
1 Donna Moore [email protected] China 211.56.242.221
2 Janice Henry [email protected] Ukraine 38.36.7.199
3 Ruth Wells [email protected] Trinidad and Tobago 19.162.133.184
4 Jason Ray [email protected] Brazil 10.68.11.42
5 Jane Stephens [email protected] United States 47.32.129.71
6 Adam Nichols [email protected] Canada 18.186.38.37
// js

就酱~

你可能感兴趣的:(javascript,PDF)