当前位置: 首页 > news >正文

vxe-table 导入 excel xlsx 时,单元格内容值丢失前面0解决方法

vxe-table 导入 excel xlsx 时,单元格内容值丢失前面0解决方法,不如到出数据为 "003200" ,导出到 xlsx 时,由于 xlsx 会自定义格式化数字,所以 0 就没了;解决方法就是知道为字符串类型,可以通过 column.cell-type 设置

查看官网:https://vxetable.cn
gitbub:https://github.com/x-extends/vxe-table
gitee:https://gitee.com/x-extends/vxe-table

image

image

<template><div><vxe-button @click="exportEvent">直接导出 XLSX 文件</vxe-button><vxe-grid ref="gridRef" v-bind="gridOptions"></vxe-grid></div>
</template><script setup>
import { ref, reactive } from 'vue'const gridRef = ref()const gridOptions = reactive({border: true,showFooter: true,columns: [{ field: 'seq', type: 'seq', width: 70 },{title: '分组1',children: [{ field: 'name', title: 'Name' },{ field: 'role', title: 'Role' }]},{ field: 'sex', title: 'Sex' },{field: 'age',title: 'Age',formatter ({ cellValue }) {return `内容:${cellValue}`},footerFormatter ({ itemValue }) {return `尾部:${itemValue}`}},{ field: 'no1', title: 'NO1' },{ field: 'no2', title: 'NO2 String', cellType: 'string' }],data: [{ id: 10001, name: '张三', role: 'Develop', sex: 'Man', age: 28, no1: '028', no2: '028' },{ id: 10002, name: '李四', role: '研发', sex: 'Women', age: 36, no1: '220', no2: '220' },{ id: 10003, name: '王五', role: '产品经理', sex: 'Man', age: 44, no1: '003200', no2: '003200' },{ id: 10004, name: '老六', role: 'Designer', sex: 'Women', age: 38, no1: '02040', no2: '02040' }],footerData: [{ seq: '合计', name: '12人', age: '999', no1: '356' }]
})const exportEvent = () => {const $grid = gridRef.valueif ($grid) {$grid.exportData({type: 'xlsx'})}
}
</script>

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

http://www.jsqmd.com/news/122528/

相关文章:

  • 【紧急预警】Open-AutoGLM新版更新将加剧弹窗阻断,你做好准备了吗?
  • nanoid 全面教程:常用 API 串联与 Next.js 15 实战指南
  • 云迁移安全决胜之道:企业全业务上云的战略布局与风险防控指南
  • LangFlow异步执行支持情况说明
  • 1688商品详细信息价格SKU接口
  • nginx排查错误日志
  • 嵌入式第三十八篇——linux系统编程——IPC进程间通信
  • Vue3新特性实战:从入门到精通
  • springboot + vue
  • NAS网络存储:办公与数据管理的理想之选 - myqiye
  • 嵌入式第三十九篇——linux系统编程——信号通信、共享内存
  • Electron 文件系统与数据存储
  • 论文网站
  • LangFlow实战案例分享:构建多步骤推理AI代理全流程
  • 商用净水器大揭秘:流量大、服务好的品牌推荐 - 工业推荐榜
  • LangFlow多语言支持能力测试报告
  • 基于单片机的恒温储物箱设计(蓝牙RX TX反了)(有完整资料)
  • 论文AI率飙高?这2款降AI率工具亲测有效,轻松通过AI率检测!
  • Spark数据验证框架:单元测试的完整方法论
  • 计算机毕业设计|基于springboot + vue英语学习系统(源码+数据库+文档)
  • 最小函数值(minval)(信息学奥赛一本通- P1370)
  • Electron 网络与外部通信
  • 人工智能驱动下钓鱼攻击的演化机制与防御对策研究
  • 支持信创环境的FTP有哪些?一文读懂安全效率全面升级的方案
  • LangFlow与LangChain协同工作原理深度剖析
  • 还在手动处理Open-AutoGLM误报?掌握这5个自动化校准技巧效率提升10倍
  • 基于Java+SSM+Flask毕业论文管理系统(源码+LW+调试文档+讲解等)/毕业论文管理/论文管理系统/毕业论文工具/论文进度管理/学术论文软件/论文写作助手/毕业设计环境/学生论文平台
  • 16.2 对齐方法论:FineTune与RAG两大技术路径
  • Electron 安全性
  • 为什么你的Open-AutoGLM加密配置总失败?这7个坑你必须避开