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
相关推荐
晨光32112 分钟前
Day34 模块与包的导入
java·前端·python
BD_Marathon12 分钟前
Vue3_关于CSS样式的导入方式
前端·css
苹果电脑的鑫鑫20 分钟前
vue和react缩进规则的配置项如何配置
前端·vue.js·react.js
BD_Marathon22 分钟前
Vue3_工程文件之间的关系
前端·javascript·vue.js
weibkreuz24 分钟前
模块与组件、模块化与组件化的理解@3
开发语言·前端·javascript
拾忆,想起28 分钟前
单例模式深度解析:如何确保一个类只有一个实例
前端·javascript·python·微服务·单例模式·性能优化·dubbo
RealizeInnerSelf丶34 分钟前
Web 网页如何唤起本地 Windows 应用并传递参数(含 Electron 自动注册 + 手动配置指南)
前端·windows
IT_陈寒42 分钟前
Redis 性能优化实战:5个被低估的配置项让我节省了40%内存成本
前端·人工智能·后端
chilavert31843 分钟前
技术演进中的开发沉思-261 Ajax:动画优化
前端·javascript·ajax
尘心cx1 小时前
前端-APIs-day3
开发语言·前端·javascript