松菊 发表于 2025-6-6 18:12:09

vxe-table 表格导出 pdf 文件

官网: https://vxetable.cn
通过手动调用 exportData 方法可以直接导出文件
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// ...
import { VxeUI } from 'vxe-pc-ui'
import VxeUIPluginExportPDF from '@vxe-ui/plugin-export-pdf'
// ...

// 确保 window.jsPDF 变量存在即表示安装完成
VxeUI.use(VxeUIPluginExportPDF, {
// 安装中文字体
// fontName: 'SourceHanSans-Normal',
// fonts: [
//   {
//   fontName: 'SourceHanSans-Normal',
//   fontUrl: 'https://cdn.jsdelivr.net/npm/@vxe-ui/plugin-export-pdf@4.0.8/fonts/source-han-sans-normal.js' // 字体库非常大,建议下载到项目本地
//   }
// ]
})

<template>

    <vxe-button @click="exportEvent">高级导出</vxe-button>
    <vxe-grid ref="gridRef" v-bind="gridOptions"></vxe-grid>

</template>https://github.com/x-extends/vxe-table

来源:程序园用户自行投稿发布,如果侵权,请联系站长删除
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!
页: [1]
查看完整版本: vxe-table 表格导出 pdf 文件