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
相关推荐
用户580613939300几秒前
超越 console.log():前端调试的 10 个神级技巧
前端
却尘1 分钟前
当全世界都在用 Rust 重写一切时,Prisma 却选择了反方向
前端·数据库·orm
这是个栗子1 分钟前
前端开发者常用网站
前端
前端小白佬17 分钟前
【JS】防抖(debounce)和节流(throttle)
前端·面试
GIS之路19 分钟前
OpenLayers 从后端服务加载 GeoJSON 数据
前端
前端小白佬26 分钟前
【JS】事件传播--事件捕获/冒泡
javascript·面试
开始编程吧27 分钟前
【HarmonyOS5】仓颉编程:当多范式统一成为智能时代的「通用语言」
前端
PasserbyX36 分钟前
ES6 WeakMap 生效的证明: FinalizationRegistry
前端·javascript
努力学习的小刘39 分钟前
如何使用react-router实现动态路由
前端·javascript
PasserbyX39 分钟前
JS原型链
前端·javascript