angular6 导出json数据到excal表

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

1 首先使用npm下载插件依赖的安装包

npm install file-saver --save

npm install xlsx --save

2 引入项目中的ts文件中

import * as FileSaver from 'file-saver';

import * as XLSX from 'xlsx';

3 写一个exportList(){ }方法，点击导出按钮时执行此方法，导出文件

  exportList() {

   // json 示例

    let json = [{"姓名": "***", "工號": "***", "英文名": "***", "部门": "**", "性别": "1", "手机": "+861**********",

"个人邮箱": "****@**.com"
}];

     let json = this.linuxRow;

     //linuxRow是要导出的json数据，可以根据选择来命名

     const worksheet: XLSX.WorkSheet = XLSX.utils.json_to_sheet(json);

     const workbook: XLSX.WorkBook = {

       Sheets: { data: worksheet },

       SheetNames: ['data']

     };

     const excelBuffer: any = XLSX.write(workbook, {

       bookType: 'xlsx',

       type: 'array'

     });

     //这里类型如果不正确，下载出来的可能是类似xml文件的东西或者是类似二进制的东西等

     this.saveAsExcelFile(excelBuffer, 'linux安装详情');

   }

   private saveAsExcelFile(buffer: any, fileName: string) {

     const data: Blob = new Blob([buffer], {

       type:

         'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=UTF-8'

     });

     FileSaver.saveAs(data, fileName + '_' + new Date().getTime() + '.xlsx');

     // 如果写成.xls,可能不能打开下载的文件，这可能与Excel版本有关

   }