解决layui框架自带的excel导出长数据变科学计数法
项目中需要导出excel时,如果是大项目、要求高,当然使用第三方插件,或者后台导出是必要的,但是如果是一些小型项目,并且对导出excel样式要求不是很严格的,而且前端框架用的是layui的,layui框架自带的excel导出就成了我们最方便快捷的选择,但是在导出数据时会遇到一个问题:
问题:
layui框架自带的excel导出长数据错误,如:身份证号码、电话号码、时间等,如下图所示:
原因:
layui框架自带的导出excel数据默认导出的数据会以数字格式存放,比较长的数据存放后会经过科学计数法加工,从而导致数据错误
解决思路:
改变layui框架数据的存放格式即可
解决方法:
1、在layui/lay/modules/table.js中搜索:d.exportFile
2、将d.exportFile这个函数,用下面内容替换掉:
d.exportFile = function (e, t, i) {
t = t || d.clearCacheKey(d.cache[e]), i = i || "csv";
var a = c.config[e] || {}, // 分页按钮
l = {csv: "text/csv", xls: "application/vnd.ms-excel"}[i], // meta格式
n = document.createElement("a"), // a 标签
type = i,
meta = l,
title = a.title
layui.each(t, function (ks, vs) {
var inner = {}
layui.each(vs, function (k, v) {
if (/^\d{9,}$/.test(v)) {
vs[k] = vs[k] + '\t'
}
inner[k] = vs[k]
});
t[ks] = inner
})
if (r.ie) {
var i = [], a = [];
layui.each(t, function (t, l) {
var n = [];
"object" == typeof e ? (layui.each(e, function (e, a) {
0 == t && i.push(a || "")
}), layui.each(d.clearCacheKey(l), function (e, t) {
n.push(t)
})) : d.eachCols(e, function (e, a) {
a.field && "normal" == a.type && !a.hide && (0 == t && i.push(a.title || ""), n.push(l[a.field]))
}), a.push(n.join(","))
});
var data = i.join(",") + "\r\n" + a.join("\r\n")
navigator.msSaveBlob(new Blob(['\ufeff' + data], {type: meta + ';charset=utf-8;'}), title + '.' + type)
} else {
return n.href = "data:" + l + ";charset=utf-8,\ufeff" + encodeURIComponent(function () {
var i = [], a = [];
return layui.each(t, function (t, l) {
var n = [];
"object" == typeof e ? (layui.each(e, function (e, a) {
0 == t && i.push(a || "")
}), layui.each(d.clearCacheKey(l), function (e, t) {
n.push(t)
})) : d.eachCols(e, function (e, a) {
a.field && "normal" == a.type && !a.hide && (0 == t && i.push(a.title || ""), n.push(l[a.field]))
}), a.push(n.join(","))
}), i.join(",") + "\r\n" + a.join("\r\n")
}()), n.download = (a.title || "table_" + (a.index || "")) + "." + i, document.body.appendChild(n), n.click(), void document.body.removeChild(n)}
},
原文链接:https://blog.csdn.net/hwt1070359898/article/details/105155715
通往牛逼的路上,在意的只有远方!
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
2021-06-09 elasticsearch使用中文分词器
2021-06-09 Vue实现购物车
2018-06-09 Linux查看系统资源占用
2018-06-09 linux进程的执行顺序
2018-06-09 linux下的yum介绍
2018-06-09 rpm简单的用法
2018-06-09 gcc的简单用法