<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
js下载excel示例demo
John.liu_Test2024-11-08 22:05
相关推荐
拾年27535 分钟前
React Hooks 进阶篇:useMemo / useCallback / useReducer / useImperativeHandle,用「算账 +Jackson__41 分钟前
面试官:如何在老项目中使用新框架,并实现通信?拾年27544 分钟前
React Hooks 保姆级教程:把组件想象成失忆的打工人,4 个 Hook 带你原地起飞mmsx1 小时前
一个 Bug 修了 12 轮,根因只有一句话:AI 编程时代,日志才是唯一的真相默_笙1 小时前
😝 5 亿次循环卡死页面?我用 Web Worker 把它扔进后台线程,页面丝滑如初CAD老兵1 小时前
一行代码集成 DWG/DXF 图纸查看:测量批注,数据不出站小林ixn1 小时前
单例模式:从弹窗管理到全局状态,一个模式搞定AI编程实验室1 小时前
Node.js Agent Handoff 仓库扫描 MVP:忽略规则、include 通配与稳定输出实现猫不易1 小时前
从 Virtual DOM 到 Vapor:Vue 3.6 的另一条路光影少年1 小时前
react navite性能优化 & 常见坑