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

最新推荐文章于 2023-09-15 18:30:51 发布
最新推荐文章于 2023-09-15 18:30:51 发布
阅读量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 2991
iview框架中文本类型的数据导出excel后以科学记数法显示的解决办法
iview table数据直接导出_vue+iview中的table表格导出excel表格
weixin_33423874的博客
02-16 779
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 266
关于 C# select 读取 Excel 数据 为空,或成科学计数法解决方案
sql语句导出数据某个字段是科学记数法处理方法
murry的专栏
11-26 2833
当sql语句导出数据字段 a 是科学记数法select +a  from 表名即可解决
iview Table exportCsv()导出数据保留（+）加号
细节怪的博客
09-07 1713
直接使用iview的exportCsv（）函数导出带有正（+）负（-）号的表格数据时，我们会发现负号（-）仍然可以保留（且在表格中居右排列），而正号（+）却丢失了。
使用iview的表格实现数据导出
记得抬头微笑
06-11 2019
需求场景：需要将前端的数据导出为.csv或者excel文件出来 前端导出的弊端：当前端导出数据量较大的数据时,会比较卡顿(建议还是后端用java来做导出比较好) 具体实现： 在Iview里面已经内置了exportCsv()方法 我们在使用iview这个框架的时候可以调用这个API来实现数据导出的需求 <i-table :columns="columns8" :data="data7" size="small" v-ref:table></i-table> 1..
Iview Table组件中各种组件扩展的使用
10-17
在本文中，我们将深入探讨Iview Table组件中的各种组件扩展，以及如何在实际应用中实现多选框选中与禁选设置，以及在Table组件中点击Icon弹出Poptip的两种方法。Iview Table是基于Vue.js的UI组件库，提供了丰富的...
TABLE导出EXCEL，数字变成科学计数法的解决方法
weixin_30607029的博客
04-28 716
直接把HTML里的TABLE导出excel，默认会把过长的数字类型转成科学计数法，这在导出身份证号这种信息的时候非常麻烦。 虽然可以在数字前面加上一个符号，比如'，这样就会自动变成文本形式了。但是一排带着单引号的身份证号看着还是很别扭，尤其是强迫症患者。当然，加一些透明或隐藏符号也行。不过有时候没法这么做，后续对EXCEL操作可能出问题。 这时候就可以在导出的TABLE的TD标签加上一个样式，...
vue+el-table导出为excel文件（及数字被科学计数法问题解决）
仙女的博客
05-10 1360
1.首先，项目安装依赖 npm install xlsx file-saver -S npm install script-loader -S -D 2.组件代码 //html代码 <el-button type="primary" size="default" @click="exportExcel">导出</el-button> <!-- el-table添加id --> <el-table :data="dataList" id="export-table"
vue里面table组件直接导出excel文档（并解决科学计数法问题）
weixin_41007701的博客
09-30 1246
** table组件直接导出excel文档 ** 前提是table组件不存在浮动操作列（若存在浮动操作列，则数据将会导出两遍） <el-table :data="tableData" border style="width: 100%" id="analyouttable > <el-table-column type="index" label="序号" align="center"&
科学计数法转换时间戳 科学计数法转换时间戳
09-06
科学计数法转换时间戳科学计数法转换时间戳科学计数法转换时间戳科学计数法转换时间戳科学计数法转换时间戳科学计数法转换时间戳科学计数法转换时间戳科学计数法转换时间戳科学计数法转换时间戳科学计数法转换时间戳科学计数法转换时间戳问题解决
vue项目中Table 表格导出为Excel表格
最新发布
HWL5679的博客
09-15 802
1.关闭vs-code，找到原来的新建文件夹打开，把文件夹里的my_table文件拖动到vs-code重新打开。3.控制台输入以下命令，创建名为my_table的vue项目。（注意选中el-table的id名称，与上面保持一致）（1）Ctrl + c 终止上次控制台操作。1.新建文件夹，在vs-code中打开。3.在main.js中引入安装的依赖。2.Ctrl + j 打开控制台。4.（用空格健和方向键进行选择）（1）进入创建的vue项目。（3）按住Ctrl键点击。（4）如图所示启动成功。
Vue+iview将表格table以excel文件导出的几种方式
Amelian的博客
11-26 5756
前言 在日常工作中，若是经常跟后台管理系统打交道的朋友想必对导出excel表格这种需求肯定很熟悉吧。不过我也问了身边的一些岗位为后端工程师的朋友，他们说在公司的话一般导出excel表格的工作一般由后端来做，前端只需要调用接口即可。我的话，由前端导出或者后端导出的两种方式我都有做过，以此想记录一下，总结一下我是如何针对不同的方式将表格数据以excel的格式导出的。同时呢，若文章中有不足的地方，也欢迎大家的指正，相互学习~ 后端导出 如果你在工作中，导出excel表格这个工作主要放在后端的话，那么就会比较简单
科学计数的数字转普通字符串类型的数字
qq_43728149的博客
04-02 486
在开发中遇到把时间戳转为日期格式的字符串，可是时间戳由于过长被转成了科学计数类的数字了，想把这个数字转为普通的字符串类型的数字，操作如下： 创建工具类MyUtil，把如下代码放到工具类中进行调用 public class MyUtil{ //正则表达式匹配 static Pattern pattern = Pattern.compile("(-?\\d+\\.?\\d*)[Ee]{1...
Excel将时间戳显示为可读时间
duke_ding2的博客
09-15 1123
一般来说，软件所提供的导出数据的功能，其中的时间戳会是一个number类型的格式，比如 1631708200658 ，它表示从1970年1月1日（UTC/GMT的午夜）开始所经过的毫秒数。 以导出 .csv 文件为例，如果用Excel打开一个 .csv 文件，其中的时间戳是一个数字，会自动显示为科学计数法，比如 1631708200658 会显示为 1.63171E+12 。 显然，像这样的显示值会让用户摸不着头脑。好在我们可以配置Excel，使之显示为可读的时间值。要这么做的话，需要另一列来做显示。本例
vue+table2excel 身份证号 科学计数法
小星落
05-14 844
解决导出表格内的身份证号码显示成了科学计数法 node_modules\js-table2excel\index.js 大概 158行 ==》 //在此处生成单元格时添加上述样式属性 getTextHtml(val) 方法中 return `<td style="text-align: center;vnd.ms-excel.numberformat:@">${val}</td>` ...
iview框架的i-table 单元格数据的转换处理
wakaka112233的博客
07-07 4585
1. 需求 后端接口给的数据有个状态给的是[0,1,2,3]，在前端渲染的时候，要对其进行相应处理，显示的是文字。 2. 问题 项目开发使用了iview 框架的 i-table组件，数据渲染都是组件自动进行的，很难对单个单元格进行处理。 3. 解决方案 使用 render 看一下解决方案代码吧 template <template> <i-table border :columns="columns1" :data="
科学计数法转换成年月日时分秒
liman1002的专栏
11-30 3795
1、通过文件的解析，对方将时间存成数字 如：1541347200.0 通过转换成MAP对象获取以后成了科学计数法 解决方案如下： map.put("atrData",1541347200.0) BigDecimal bdm=new BigDecimal((Double) m.get("strData")); String aaa=bdm.toPlainString() SimpleDa...
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、付费专栏及课程。

余额充值