纯前端导出excel文件(包含设置样式)

  • 👨🏻‍🎓博主介绍:大家好,我是尼克.张,热爱分享知识,很高兴在这里认识大家🌟
  • 🌈擅长领域:前端开发
  • 🙏🏻如果本文章各位小伙伴们有帮助的话,🍭关注+👍🏻点赞+🗣评论+📦收藏,相应的有空了我也会回访,互助!!!
  • 🤝另本人水平有限,旨在创作简单易懂的文章,在文章描述时如有错,恳请各位大佬指正,在此感谢!!!

此文章是对前端导出excel文件的总结,也算是自己研究表格方面的一些心得,里面也遇到了许多坑,同时也收获了许多,请注意一些加粗的地方以及注释,excle表格数字会自动向右对齐,字符串向左对齐,sheetName不能有特殊字符

1.js-export-excel

这个设置不了样式,如果你可以请告诉我
\t 可以使数字不使用科学计数法

import ExportJsonExcel from 'js-export-excel';
downloadExcel(data){
   
  let option = {
   };
  let dataTable = [];
  if (data) {
   
    for (let i in data) {
   
      let obj = {
   
        '姓名': data[i].name,
        '年龄': `${
     data[i].age}`,
        '性别': data[i].sex,
        '手机号码': `\t${
     data[i].mobile}`,
        '住址': data[i].address,
      }
      dataTable.push(obj);
    }
  }
  option.fileName = '个人信息'
  option.datas = [
    {
   
      sheetData: dataTable,
      sheetName: '个人信息',
      sheetFilter: ['姓名', '年龄', '性别', "手机号码", "住址"],
      sheetHeader: ['姓名', '年龄', '性别', "手机号码", "住址"],
      columnWidths: new Array(5).fill(8)
    }
  ];
  var toExcel = new ExportJsonExcel(option);
  toExcel.saveExcel();
}

假如表头是动态的,我们需要写一个公共的方法

function changeKey(arr, key) 
  • 6
    点赞
  • 24
    收藏
    觉得还不错? 一键收藏
  • 8
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 8
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值