在 Angular 标题 excel js 之前添加行

问题描述

我正在使用 excel js 将 json 导出到 excel。 json 已成功导出到工作表。但现在我想添加一行描述页眉文本上方的工作表的详细信息。

有关详细信息，请参阅image

代码如下

import { Injectable } from '@angular/core';
import * as FileSaver from 'file-saver';
import * as XLSX from 'xlsx';

const EXCEL_TYPE = 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=UTF-8';
const EXCEL_EXTENSION = '.xlsx';
import { DatePipe } from '@angular/common';
import { Workbook } from 'exceljs';

@Injectable()
export class ExcelService {

  constructor( private datePipe :  DatePipe) { }

  public exportAsExcelFile(json: any[],excelFileName: string): void {
    const title = 'Absent Report';
    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,type: 'buffer' });
    this.saveAsExcelFile(excelBuffer,excelFileName);

    let titleRow = worksheet.addRow(title);
    titleRow.font = { name: 'Comic Sans MS',family: 4,size: 16,underline: 'double',bold: true }
    worksheet.addRow([titleRow]);
 
    // let subTitleRow = worksheet.addRow(['Date : ' + this.datePipe.transform(new Date(),'medium')])

  }

  private saveAsExcelFile(buffer: any,fileName: string): void {
    const data: Blob = new Blob([buffer],{
      type: EXCEL_TYPE
    });
    FileSaver.saveAs(data,fileName + this.datePipe.transform(new Date(),"ddMMyyyy hh:mm") + EXCEL_EXTENSION);
  }

}

解决方法

我的代码中有类似的东西并且工作正常：

githubbox.com