js下载excel示例demo

news/2024/11/7 21:45:56/
<Buttontype={"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); //newtoExcel.saveExcel(); //保存}}
>批量导出<DownOutlined/></Button>
当然使用之前需要安装js-export-excel才行,cmd去项目根目录执行命令安装:yarn add js-export-excel

http://www.ppmy.cn/news/1545173.html

相关文章

私有化视频平台EasyCVR海康大华宇视视频平台视频诊断技术是如何实时监测视频质量的?

在现代视频监控系统中&#xff0c;确保视频流的质量和稳定性至关重要。随着技术的进步&#xff0c;视频诊断技术已经成为实时监测视频质量的关键工具。这种技术通过智能分析算法对视频流进行实时评估和处理&#xff0c;能够自动识别视频中的各种质量问题&#xff0c;并给出相应…

stable diffusion图生图

本节内容&#xff0c;给大家带来的是stable diffusion的图生图课程&#xff0c;我们在midjourney的课程中有学习过midjourney的图生图功能&#xff0c;即使用垫图的方式来引导AI绘制图片。图生图是AI绘图程序一个非常重要的功能&#xff0c;stable diffusion同样提供了类似的功…

MYSQL作业五

1.触发器 准备工作 作业 建立触发器&#xff0c;订单表中增加订单数量后&#xff0c;商品表商品数量同步减少对应的商品订单的数量&#xff0c;并测试 建立触发器&#xff0c;实现功能&#xff1a;客户取消订单&#xff0c;恢复商品表对应商品的数量 建立触发器&#xff0…

JAVA日期加减运算 JsonObject 转换对象List

1.用java.util.Calender来实现 Calendar calendarCalendar.getInstance(); calendar.setTime(new Date());System.out.println(calendar.get(Calendar.DAY_OF_MONTH));//今天的日期calendar.set(Calendar.DAY_OF_MONTH,calendar.get(Calendar.DAY_OF_MONTH)1);//让日期加1 Sy…

qt QStandardItemModel详解

1、概述 QStandardItemModel是Qt框架中提供的一个基于项的模型类&#xff0c;用于存储和管理数据&#xff0c;这些数据可以以表格的形式展示在视图控件&#xff08;如QTableView、QTreeView等&#xff09;中。QStandardItemModel支持丰富的数据操作&#xff0c;包括添加、删除…

Linux-socket详解

Linux-socket详解_socket linux-CSDN博客

智能编码企业级方案与实践

大家好&#xff0c;我是袁庭新。今天分享一篇关于企业如何高效落地研发智能化的过程的相关内容。 作为未来的软件开发工程师&#xff0c;我们不光要学习这些先进的AIGC生产力工具&#xff0c;还得深入了解企业里智能编程的那些实际做法和应用情况。只有这样&#xff0c;咱们才…

群晖NAS本地部署Cloud Sync结合内网穿透远程上传文件并云同步至网盘

&#x1f49d;&#x1f49d;&#x1f49d;欢迎来到我的博客&#xff0c;很高兴能够在这里和您见面&#xff01;希望您在这里可以感受到一份轻松愉快的氛围&#xff0c;不仅可以获得有趣的内容和知识&#xff0c;也可以畅所欲言、分享您的想法和见解。 推荐:kwan 的首页,持续学…