前端项目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导出出现的中英文表头解决方案,只是经验分享,如果有小伙伴遇到同样的情况,可以不妨试一试。感谢支持!!!

相关推荐
循环过三天3 分钟前
3-1 PID算法改进(积分部分)
笔记·stm32·单片机·学习·算法·pid
生如夏花℡27 分钟前
HarmonyOS学习记录3
学习·ubuntu·harmonyos
之歆30 分钟前
Python-封装和解构-set及操作-字典及操作-解析式生成器-内建函数迭代器-学习笔记
笔记·python·学习
幽络源小助理36 分钟前
SpringBoot基于JavaWeb的城乡居民基本医疗信息管理系统
java·spring boot·学习
虾球xz2 小时前
CppCon 2018 学习:EFFECTIVE REPLACEMENT OF DYNAMIC POLYMORPHISM WITH std::variant
开发语言·c++·学习
Chef_Chen2 小时前
从0开始学习R语言--Day38--辛普森多样性指数
学习
Allen_LVyingbo2 小时前
Python常用医疗AI库以及案例解析(2025年版、上)
开发语言·人工智能·python·学习·健康医疗
DKPT2 小时前
Java组合模式实现方式与测试方法
java·笔记·学习·设计模式·组合模式
不坑老师2 小时前
利用不坑盒子的Copilot,快速排值班表
microsoft·word·powerpoint·excel·copilot·wps
受之以蒙2 小时前
Rust & WASM 之 wasm-bindgen 基础:让 Rust 与 JavaScript 无缝对话
前端·笔记·rust