vxe-table 表格导出 pdf 文件

官网: https://vxetable.cn
通过手动调用 exportData 方法可以直接导出文件

1. npm install vxe-pc-ui@4.3.2 vxe-table@4.9.3 @vxe-ui/plugin-export-pdf@4.0.8 jspdf@2.5.2

复制代码

1. [/code][code]// ...
2. import { VxeUI } from 'vxe-pc-ui'
3. import VxeUIPluginExportPDF from '@vxe-ui/plugin-export-pdf'
4. // ...
6. // 确保 window.jsPDF 变量存在即表示安装完成
7. VxeUI.use(VxeUIPluginExportPDF, {
8.   // 安装中文字体
9.   // fontName: 'SourceHanSans-Normal',
10.   // fonts: [
11.   //   {
12.   //     fontName: 'SourceHanSans-Normal',
13.   //     fontUrl: 'https://cdn.jsdelivr.net/npm/@vxe-ui/plugin-export-pdf@4.0.8/fonts/source-han-sans-normal.js' // 字体库非常大，建议下载到项目本地
14.   //   }
15.   // ]
16. })

复制代码

1. <template>
2.   
3.     <vxe-button @click="exportEvent">高级导出</vxe-button>
4.     <vxe-grid ref="gridRef" v-bind="gridOptions"></vxe-grid>
5.   
6. </template>

复制代码

https://github.com/x-extends/vxe-table

来源：程序园用户自行投稿发布，如果侵权，请联系站长删除
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！