js下载excel示例demo

复制代码
<Button
  type={"primary"}
  key="out"
  onClick={async ()=>{
    const ExportJsonExcel = require("js-export-excel");
    const datas = selectedRowsState //确保勾到的数据是一个列表,列表中每个值是字典
    const option = {};
    const dataTable = []
    if(datas){
      for (const i in datas){
        console.log("datas[i]",datas[i])
        const obj = {
          'gxdwbmjm':datas[i].gxdwbmjm,
          'lg_num':datas[i].lg_num,
          'fj_num':datas[i].fj_num,
          'cw_num':datas[i].cw_num,
          'ruzhu_num':datas[i].ruzhu_num,
          'zaizhu_num':datas[i].zaizhu_num,
          'ruzhu_rate':datas[i].ruzhu_rate,
        }
        dataTable.push(obj)
      }
    }
    option.fileName = "统计结果";
    option.datas = [
      {
        sheetData: dataTable,
        sheetName: "sheet",
        sheetFilter: ["gxdwbmjm","lg_num","fj_num", "cw_num","ruzhu_num","zaizhu_num","ruzhu_rate"],
        sheetHeader: ["地区","旅馆家数","房间数", "床位数","入住总人次","在住人数","入住率"],
        columnWidths: [10,10,10,10,10,10,10],
      }
    ];
    const toExcel = new ExportJsonExcel(option); //new
    toExcel.saveExcel(); //保存
  }}
>批量导出<DownOutlined/></Button>
当然使用之前需要安装js-export-excel才行,cmd去项目根目录执行命令安装:yarn add js-export-excel
相关推荐
云外天ノ☼5 分钟前
一、Node.js入门实战指南:从零搭建你的第一个后端
前端·javascript·笔记·node.js
未来之窗软件服务28 分钟前
未来之窗昭和仙君(四十八)开发商品进销存修仙版——东方仙盟筑基期
前端·仙盟创梦ide·东方仙盟·昭和仙君·东方仙盟架构
安卓开发者28 分钟前
第4讲:理解Flutter的灵魂 - “Everything is a Widget”
开发语言·javascript·flutter
风清云淡_A1 小时前
【REACT16】react老项目版本依赖适配问题
前端·react.js
jump6801 小时前
【react】 useEffect
前端
前端小咸鱼一条1 小时前
16.React性能优化SCU
前端·react.js·性能优化
起风了___1 小时前
Flutter 全局音频播放单例实现(附完整源码)——基于 just_audio 的零依赖方案
前端·flutter
im_AMBER1 小时前
React 09
前端·javascript·笔记·学习·react.js·前端框架
用户4099322502121 小时前
快速入门Vue模板里的JS表达式有啥不能碰?计算属性为啥比方法更能打?
前端·ai编程·trae
非专业程序员1 小时前
HarfBuzz 实战:五大核心API 实例详解【附iOS/Swift实战示例】
前端·程序员