vxe-table 表格导出 xlsx 文件

通过手动调用 exportData 方法可以直接导出文件，导出时单元格类型默认是自动转换的，如果是需要字符串类型，可以通过 column.cell-type 设置，也可以调用 openExport 方法打开导出面板
官网: https://vxetable.cn

1. npm install vxe-pc-ui@4.3.2 vxe-table@4.9.3 @vxe-ui/plugin-export-xlsx@4.0.7 exceljs@4.2.1

复制代码

1. [/code][code]// ...
2. import { VxeUI } from 'vxe-pc-ui'
3. import VxeUIPluginExportXLSX from '@vxe-ui/plugin-export-xlsx'
4. // ...
6. // 确保 window.ExcelJS 变量存在即表示安装完成
7. VxeUI.use(VxeUIPluginExportXLSX)

复制代码

1. <template>
2.   
3.     <vxe-button @click="exportEvent">高级导出</vxe-button>
4.     <vxe-table
5.       border
6.       show-footer
7.       ref="tableRef"
8.       :export-config="{type: 'xlsx'}"
9.       :data="tableData"
10.       :merge-cells="mergeCells"
11.       :footer-data="footerData">
12.       <vxe-column field="seq" type="seq" width="70"></vxe-column>
13.       <vxe-colgroup title="分组1">
14.         <vxe-column field="name" title="Name"></vxe-column>
15.         <vxe-column field="role" title="Role"></vxe-column>
16.       </vxe-colgroup>
17.       <vxe-column field="sex" title="Sex"></vxe-column>
18.       <vxe-column field="age" title="Age"></vxe-column>
19.     </vxe-table>
20.   
21. </template>

复制代码

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

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