将数据结构导出为Excel表格,并自定义规定表头

1、安装

  tnpm /npm install -save js-export-excel

2、页面引入

  import ExportJsonExcel from 'js-export-excel';

  

  使用

  handleExportExcel(){

   let option = {}; //声明一个对象option,option代表的就是excel文件
   //按照格式处理数据源 => excel格式数据源
   let excelData = [];  //导出excel的数据
   //originalTableData源数据 ; 
   for(let i = 0 ; i < originalTableData.length; i++ ){
     let objectTable = {
      '导出的id'' : originalTableData.id,
      '导出的name'' : originalTableData.name,
      '导出的age'' : originalTableData.age,
      '导出的title'' : originalTableData.title,
     }
    excelData.push(objectTable)
   }

     option.fileName = `${根据实际需求定义名称}.xlsx`;//fileName=>导出文件的名称

   option.datas = [

    {

     sheetData : excelData , //excel文件中的数据源,但是数据格式要按照上面的方式处理

     sheetName : '${根据实际需求定义名称}.xlsx';//excel文件中sheet页名称

     sheetFilter : [ '导出的id', '导出的name',  '导出的age',  '导出的title' ],//excel文件中需要显示的列数据(只有在data为object下起作用)(可有可无)

     sheetHeader : [ '导出的id', '导出的name',  '导出的age',  '导出的title' ],//excel文件中每列的表头名称(第一行)

     //columnWidths : [ '8' ], //列宽,宽度为百分比

    }

   ]

   let toExcel = new ExportJsonExcel(option); //生成excel文件

   toExcel.saveExcel();//下载excel文件

  }

posted @ 2021-03-16 11:27  HandsomeGuy  阅读(832)  评论(0)    收藏  举报