前端项目Excel数据导出同时出现中英文表头错乱情况解决方案。

文章目录


前言

在前端项目中实现Excel导出功能时,数据导出excel是常见的业务需求。但excel导出完表头同时包含了中文和英文的bug,下面是我的经验分享,应该可以帮助到你。


一、Excel导出出现中英文情况。

明明设置了中文表头,为啥还会出现这种情况呢?

问题所在,我们看到我的表头同时包含了中文英文,所以会导致同时出现。

二、解决方案

数据处理

把我们的选择的数据进行中文转换。

c 复制代码
const exportExcel = () => {
    console.log(selectRows);

    const res = selectRows.map((item): IExportExcel => {
      return {
        账单号: item.accountNo,
        缴费状态: item.status === "1" ? "已缴费" : "未缴费",
        房屋号: item.roomNo,
        车位号: item.carNo,
        手机号: item.tel,
        "物业费(年)": item.costName1,
        车位费: item.costName2,
        房屋租金: item.costName3,
        开始时间: item.startDate,
        结束时间: item.endDate,
        优惠金额: item.preferential,
        合计应收金额: item.money,
        支付方式: item.pay,
      };
    });
    console.log(res);

    _exportExcel<IExportExcel>(res, header);
  };

从上面处理成下面

这样表头就只会出现中文了。

三、效果展示

这样就导出的是中文了。

总结

以上就是Excel导出出现的中英文表头解决方案,只是经验分享,如果有小伙伴遇到同样的情况,可以不妨试一试。感谢支持!!!

相关推荐
木木子99998 分钟前
Excel——重复值处理
excel
@蓝莓果粒茶1 小时前
LeetCode第350题_两个数组的交集II
c++·python·学习·算法·leetcode·职场和发展·c#
无名工程师1 小时前
AI 学习过程中各阶段的学习重点、时间规划以及不同方向的选择与建议等内容
人工智能·学习
试着2 小时前
零基础学习性能测试第五章:JVM性能分析与调优-垃圾回收器的分类与回收
jvm·学习·零基础·性能测试·垃圾回收器
livemetee2 小时前
Flink2.0学习笔记:Stream API 常用转换算子
大数据·学习·flink
WXX_s2 小时前
【OpenCV篇】OpenCV——03day.图像预处理(2)
人工智能·python·opencv·学习·计算机视觉
艾莉丝努力练剑2 小时前
【LeetCode&数据结构】二叉树的应用(二)——二叉树的前序遍历问题、二叉树的中序遍历问题、二叉树的后序遍历问题详解
c语言·开发语言·数据结构·学习·算法·leetcode·链表
YGY Webgis糕手之路2 小时前
OpenLayers 快速入门(九)Extent 介绍
前端·经验分享·笔记·vue·web
花月mmc2 小时前
CanMV-K230 AI学习笔记系列
人工智能·笔记·学习
fengye2071613 小时前
板凳-------Mysql cookbook学习 (十二--------6)
学习·mysql·adb