zoukankan      html  css  js  c++  java
  • js前端实现Table导出excel表格

    一、由于公司项目需要,需要将表格数据导出为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();        
    }
  • 相关阅读:
    Spring Boot自动配置
    Servlet、JSP总结(1)
    Spring MVC
    Springboot中的数据库事务
    数据库访问
    AOP
    全注解下的IOC
    spring boot入门
    安卓工程化开发笔记(2)
    2048功能说明模板
  • 原文地址:https://www.cnblogs.com/na-w/p/11136499.html
Copyright © 2011-2022 走看看