Angular 至 Excel

Question

我正在尝试将一些 JSON 数据从我的 Angular 导出到 Excel。我已经成功了。我的问题是如何将标题也包含在 excel 中？我只能导出 table 而不能导出标题？请参阅下面的 link 和代码

CODE

public exportAsExcelFile(json: any[], excelFileName: string): void {

    const worksheet: XLSX.WorkSheet = XLSX.utils.json_to_sheet(json);
    console.log('worksheet',worksheet);
    const workbook: XLSX.WorkBook = { Sheets: { 'data': worksheet }, SheetNames: ['data'] };
    const excelBuffer: any = XLSX.write(workbook, { bookType: 'xlsx', type: 'array' });
    //const excelBuffer: any = XLSX.write(workbook, { bookType: 'xlsx', type: 'buffer' });
    this.saveAsExcelFile(excelBuffer, excelFileName);
  }

  private saveAsExcelFile(buffer: any, fileName: string): void {
    const data: Blob = new Blob([buffer], {
      type: EXCEL_TYPE
    });
    FileSaver.saveAs(data, fileName + '_export_' + new Date().getTime() + EXCEL_EXTENSION);
  }

PIC

Answer 1

创建工作表后，您需要添加以下代码

XLSX.utils.sheet_add_json(worksheet, [
    { A: '', B: '', C: ''},
], { header: ['A', 'B', 'C'], skipHeader: true, origin: -1 });
this.sheetHeaders(worksheet);

已更新stackblitz

已更新stackblitz 2

Angular 至 Excel

Angular to Excel

angular

angular6

xlsx

filesaver.js

sheetjs