关于使用iview table组件数据导出excel显示数据为科学记数法

最新推荐文章于 2024-08-06 16:10:14 发布
最新推荐文章于 2024-08-06 16:10:14 发布
阅读量7k 收藏 3
点赞数 1
文章标签： iview vue table exportCsv
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_38014125/article/details/80021141
版权

近期应需求接触了前端框架，采用vue和iview，但在使用iview的table组件时，发现使用exportCsv导出excel，时间数据会以科学记数法的形式存储在表格中。

修改前时间显示：


双击时间发现显示的是一个时间戳，即原始数据，也就是时间戳被显示成科学记数法的格式。尝试修改了些地方发现table导出的数据可以自定义，于是使用比较笨拙的方式将导出的数据显示格式转换了。

转换如下：



注意上面红色部分，将数据以="xxxxx"拼接出来，这样数据在excel中才不会以科学计数法的形式显示。

转换后的显示：


花言简
关注
iview框架中文本类型的数据导出excel后以科学记数法显示的解决办法
susiesun0506的专栏
10-11 2970
iview框架中文本类型的数据导出excel后以科学记数法显示的解决办法
iview table数据直接导出_vue+iview中的table表格导出excel表格
weixin_33423874的博客
02-16 766
1、iveiw框架中table中有exportCsv()方法能够导出.csv后缀文件，相似于excel文件，可是并非excel文件。web2、实现table表格导出excel文件利用Blob.js 和 Export2Excel.js两个文件实现npm1.Blob.js 和 Export2Excel.js文件json连接：https://pan.baidu.com/s/1PvP-NxmONNh71S...
关于 C# select 读取 Excel 数据 为空,或成科学计数法解决方案
10年职场两茫茫，35岁凄凉奈若何
09-08 259
关于 C# select 读取 Excel 数据 为空,或成科学计数法解决方案
vue纯前端使用exceljs导出excel文件手把手教程，非官方文档直粘
最新发布
Yy55gc25112的博客
08-06 4183
纯前端使用exceljs导出excel文件超详细教程，一文学会!
sql语句导出数据某个字段是科学记数法处理方法
murry的专栏
11-26 2799
当sql语句导出数据字段 a 是科学记数法select +a  from 表名即可解决
TABLE导出EXCEL，数字变成科学计数法的解决方法
weixin_30607029的博客
04-28 698
直接把HTML里的TABLE导出excel，默认会把过长的数字类型转成科学计数法，这在导出身份证号这种信息的时候非常麻烦。 虽然可以在数字前面加上一个符号，比如'，这样就会自动变成文本形式了。但是一排带着单引号的身份证号看着还是很别扭，尤其是强迫症患者。当然，加一些透明或隐藏符号也行。不过有时候没法这么做，后续对EXCEL操作可能出问题。 这时候就可以在导出的TABLE的TD标签加上一个样式，...
vue中表格的导出
qq_56938323的博客
07-27 1085
其中 theOrderList是表格的数据。首先 创建columns。
Iview Table组件中各种组件扩展的使用
10-17
在本文中，我们将深入探讨Iview Table组件中的各种组件扩展，以及如何在实际应用中实现多选框选中与禁选设置，以及在Table组件中点击Icon弹出Poptip的两种方法。Iview Table是基于Vue.js的UI组件库，提供了丰富的...
vue项目导出Excel表格
weixin_43638890的博客
10-30 5557
vue项目导出Excel表格
vue实现导出excel的多种方式
一步一个脚印，踏实努力，向着目标前进
08-28 1万+
在Vue中实现导出Excel有多种方式，可以通过前端实现，也可以通过前后端配合实现。下面将详细介绍几种常用的实现方式。当然，这里再介绍两种常用的Vue导出Excel的方式。
vue导出excel表格（详细教程）
热门推荐
m0_59023970的博客
03-11 5万+
在开发的时候，会经常用的导出excel表格功能,刚好自己开发有遇到，就记录一下 一、安装vue-json-excel npm install vue-json-excel -S 二、main.js中引入 import JsonExcel from 'vue-json-excel' Vue.component('downloadExcel', JsonExcel) 三、在代码中使用 <template>
Vue中如何进行数据导出与Excel导出？
程序猿徐师兄的博客
06-12 8514
本文介绍了Vue中两种常用的数据导出和Excel导出方式。第一种方式是使用第三方库xlsx，它是一个纯JavaScript的库，可以在浏览器中直接使用，不需要安装任何插件。第二种方式是使用后端API，借助后端API生成Excel文件，并将文件以二进制形式返回给前端。两种方式各有优缺点，具体使用时需要根据具体情况选择。同时，在实际使用过程中，我们还需要注意一些细节问题，比如Excel文件的格式、数据的安全性等。最后，如果您需要在Vue中进行数据导出和Excel导出，希望本文能对您有所帮助。
记录--Vue中如何导出excel表格
林恒的博客
05-20 948
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 一、导出静态数据 1、安装 vue-json-excel npmivue-json-excel 注意，此插件对node有版本要求，安装失败检查一下报错是否由于node版本造成！ 2、引入并注册组件(以全局为例) import Vue from "vue"; import JsonExcel from "vue-json-e...
vue+iView实现导入与导出excel功能
weixin_44794123的博客
12-21 2804
vue+iView实现导入与导出excel功能 一，需求： 1，导入导出的必要性 导入与导出在日常项目开发中经常用到, 批量导入功能可以快速插入添加数据。 导出功能则可方便直观明了拿到所需展示的重要数据。 2，xls和xlsx区别？ 1、文件格式不同。 xls 是一个特有的二进制格式，其核心结bai构是复合文档类型的结构， 而 xlsx 的核心结构是 XML 类型的结构， 采用的是基于 XML 的压缩方式，使其占用的空间更小。 2、版本不同。 xls是excel2003及以前版本生成的文件格式， 而xl
vue里面table组件直接导出excel文档（并解决科学计数法问题）
weixin_41007701的博客
09-30 1217
** table组件直接导出excel文档 ** 前提是table组件不存在浮动操作列（若存在浮动操作列，则数据将会导出两遍） <el-table :data="tableData" border style="width: 100%" id="analyouttable > <el-table-column type="index" label="序号" align="center"&
Vue 导入Excel
dabaooooq的博客
12-10 210
拿到事件对象，点出files，数组下标0的位置就是该上传的文件流，将这个事件流传给后端即可。使用原生input，type类型指定为file。监听change事件，上传文件时触发。
vue+iview导入Excel数据，下载Excel模板，二
m0_37968276的博客
05-27 707
vue+iview实现导入Excel数据，下载Excel模板，提交数据到数据库 后端代码 using System.Linq; using Microsoft.AspNetCore.Mvc; using SPC.DBModel.SYS; using SPC.DBModel.BU; using SPC.Models; using System; using Microsoft.Extensions.Configuration; using Microsoft.Extensions.Logging; using
科学计数的数字转普通字符串类型的数字
qq_43728149的博客
04-02 471
在开发中遇到把时间戳转为日期格式的字符串，可是时间戳由于过长被转成了科学计数类的数字了，想把这个数字转为普通的字符串类型的数字，操作如下： 创建工具类MyUtil，把如下代码放到工具类中进行调用 public class MyUtil{ //正则表达式匹配 static Pattern pattern = Pattern.compile("(-?\\d+\\.?\\d*)[Ee]{1...
Excel将时间戳显示为可读时间
duke_ding2的博客
09-15 1087
一般来说，软件所提供的导出数据的功能，其中的时间戳会是一个number类型的格式，比如 1631708200658 ，它表示从1970年1月1日（UTC/GMT的午夜）开始所经过的毫秒数。 以导出 .csv 文件为例，如果用Excel打开一个 .csv 文件，其中的时间戳是一个数字，会自动显示为科学计数法，比如 1631708200658 会显示为 1.63171E+12 。 显然，像这样的显示值会让用户摸不着头脑。好在我们可以配置Excel，使之显示为可读的时间值。要这么做的话，需要另一列来做显示。本例
Vue自定义封装导出Excel教程：网页数据轻松转Excel
在App.vue组件中，你可以模拟一份表格数据，例如使用iView的Table组件来显示数据。同时，添加一个按钮，当点击该按钮时触发导出操作。 在`<script>`部分，导入`exportToExcel.js`中的方法，并在`methods`对象中定义...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值