导出excel方法

1.先安装两个插件:

1. npm install xlsx –save 
2. npm install file-saver –save

2.引入:

import * as FileSaver from 'file-saver';
import * as XLSX from 'xlsx';

3.html

 <a (click)="exportExcle()">导出数据</a>

4.js代码如下:

exportExcle() {
  this.listOfData.forEach((item) => {
    this.exportData.push({
      房屋名: item.house + '\t',
      开门时间: item.time + '\t',
      开门人姓名: item.name + '\t',
      手机号码: item.phone + '\t',
      开门人身份: item.role + '\t',
      开门方式: item.type + '\t',

    });
  });
  const worksheet: XLSX.WorkSheet = XLSX.utils.json_to_sheet(this.exportData);
  const workbook: XLSX.WorkBook = {Sheets: {data: worksheet}, SheetNames: ['data']};
  const excelBuffer: any = XLSX.write(workbook, {bookType: 'xlsx', type: 'array'});
  this.saveAsExcelFile(excelBuffer, `${this.RangeData.startTime}日到 ${this.RangeData.endTime}日开锁记录`);


}
private saveAsExcel(buffer: any, fileName: string){
  const data: Blob = new Blob([buffer], {type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=UTF-8'})
  FileSaver.saveAs(data, fileName + '.xlsx');
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值