react-antd表格导出为Excel

react-antd表格导出为Excel

• 安装插件js-export-excel
• 页面导入
• • 页面导入
  • 按钮
  • 调用
• 结果

安装插件js-export-excel

yarn安装-记得以管理员身份执行
yarn add js-export-excelnpm安装
npm install js-export-excel

页面导入

页面导入

import CreateExcel from 'js-export-excel';

按钮

<Button style={{margin:'0 0 0 25px'}} onClick={this.download}>导出Excel表格</Button>

调用

download = () => {let data=this.state.data;let option={};let dataTable=[];option.fileName = '报销人员';  //excel文件名称data.map(v=>{dataTable.push({'姓名': v.name,'密码': v.password,'部门': v.department,'身份证': v.idcard,'社保卡': v.sscard,'银行卡': v.bankcard,})});option.datas=[{sheetData:dataTable,sheetName:'sheet',sheetFilter: ["姓名", "密码", "部门", "身份证", "社保卡", "银行卡"],sheetHeader: ["姓名", "密码", "部门", "身份证", "社保卡", "银行卡"],}];let toExcel = new CreateExcel(option);toExcel.saveExcel()};

结果

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！