找回密码
 立即注册
首页 业界区 业界 使用 vxe-table 来格式化任意的金额格式,支持导出与复 ...

使用 vxe-table 来格式化任意的金额格式,支持导出与复制单元格格式到 excel

筒霓暄 2025-6-6 09:56:24
使用 vxe-table 来格式化任意的金额格式,支持导出与复制单元格格式到 excel
查看官网:https://vxetable.cn
gitbub:https://github.com/x-extends/vxe-table
gitee:https://gitee.com/x-extends/vxe-table
安装
  1. npm install vxe-pc-ui@4.5.23 vxe-table@4.13.4
复制代码
  1. import VxeUIAll from 'vxe-pc-ui'
  2. import 'vxe-pc-ui/lib/style.css'
  3. import VxeUITable from 'vxe-table'
  4. import 'vxe-table/lib/style.css'
  5. createApp(App).use(VxeUIAll).use(VxeUITable).mount('#app')
复制代码
格式化金额

通过内置的 FormatNumberInput 格式化数值渲染器,配置 type = amount 为货币类型就可以了
1.png
  1. <template>
  2.   
  3.     <vxe-grid v-bind="gridOptions"></vxe-grid>
  4.   
  5. </template>
复制代码
导出到 excel

支持导出分组表头、合并、单元格类型、导出图片等格式
2.png
  1. <template>
  2.   
  3.     <vxe-button status="primary" @click="exportEvent">高级导出</vxe-button>
  4.     <vxe-grid ref="gridRef" v-bind="gridOptions"></vxe-grid>
  5.   
  6. </template>
复制代码
复制到 excel(企业版)

3.gif
  1. <template>
  2.   
  3.     <vxe-grid v-bind="gridOptions"></vxe-grid>
  4.   
  5. </template>
复制代码
https://gitee.com/x-extends/vxe-table

来源:程序园用户自行投稿发布,如果侵权,请联系站长删除
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!
您需要登录后才可以回帖 登录 | 立即注册