首页 / JAVASCRIPT / js excel导出 前端实现（转载）

js excel导出 前端实现（转载）

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了js excel导出 前端实现（转载），小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1001字，纯文字阅读大概需要2分钟。

内容图文

　　本文为转载，本人亲测可用，感谢原，作者原文在这里。

 

一、由于公司项目需要,需要将表格数据导出为EXCEL表格数据。

环境React+Ant Design


二、安装插件js-export-excel

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

三、代码事例
页面先引入安装的插件

 
import ExportJsonExcel from ‘js-export-excel‘;
            按钮：
        
                return
                 (
    <div>
       <Button onClick={this.downloadExcel}>导出Excel表格</Button>
    </div>
)

调用：

 
downloadExcel = () => {
const data = this.state.data ? this.state.data : ‘‘;//表格数据var option={};
  let dataTable = [];
  if (data) {
    for (let i in data) {
      if(data){
        let obj = {
          ‘组织ID‘: data[i].id,
          ‘组织代码‘: data[i].organization_code,
          ‘组织名称‘: data[i].organization_name,
        }
        dataTable.push(obj);
      }
    }
  }
  option.fileName = ‘组织信息‘
  option.datas=[
    {
      sheetData:dataTable,
      sheetName:‘sheet‘,
      sheetFilter:[‘组织ID‘,‘组织代码‘,‘组织名称‘],
      sheetHeader:[‘组织ID‘,‘组织代码‘,‘组织名称‘],
    }
  ];

  var toExcel = new ExportJsonExcel(option); 
  toExcel.saveExcel();        
}

　　其中的组织ID,代码,名称是要导出的数据，自己要导出什么根据自己的实际情况导出即可，然后点击按钮导出即可。

 

原文：https://www.cnblogs.com/tlz888/p/10329610.html

内容总结

以上是互联网集市为您收集整理的js excel导出 前端实现（转载）全部内容，希望文章能够帮你解决js excel导出 前端实现（转载）所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1101001.html

来源：【匿名】