Как Angular Export в Excel с форматированием ячейки? - PullRequest
Новая
       29

Как Angular Export в Excel с форматированием ячейки?

2 голосов
/ 01 июля 2019

Служба My Excel с методом exportAsExcelFile: 

    public exportAsExcelFile(json: any[], excelFileName: string): void {
    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: 'xls', type: 'array' });
    this.saveAsExcelFile(excelBuffer, excelFileName);
  }

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

Мой Компонент с методом exportDataToExcel (): 

dataToExport: any = [];
exportFileName: string = "TRANSACTION_HISTORY_REPORT";


exportDatatoExcel(){

    this.myAPIService.getData().then(
      (data) => {

        data.forEach((data, index) => {

            this.dataToExport.push({
              no: index + 1,
              total_item_sold: data.detailItem.length,
              total_price: data.totalPrice,

            });
          });

        if(this.dataToExport.length > 0){
          if(this.exportFileName == "") this.exportFileName = "default";
          this.excelService.exportAsExcelFile(this.dataToExport, 
          this.exportFileName);
        }
      }
    );

  }

Как экспортировать этот файл json total_price с форматированием ячейки учета в Excel?

1 Ответ

0 голосов
/ 01 июля 2019

Используемая вами утилита не поддерживает форматирование ячеек из коробки.Вы должны сами разобраться с этим, углубившись в sheetjs.

Вы можете выполнять итерации по ячейкам и соответственно изменять свойство cell.z, поскольку оно обозначает форматирование ячеек. 

/* new format */
var fmt = "0.00";
/* change cell format of range B2:D4 */
var range = { s: {r:1, c:1}, e: {r:2, c:3} };
for(var R = range.s.r; R <= range.e.r; ++R) {
  for(var C = range.s.c; C <= range.e.c; ++C) {
    var cell = ws[XLSX.utils.encode_cell({r:R,c:C})];
    if(!cell || cell.t != 'n') continue; // only format numeric cells
    cell.z = fmt;
  }
}

здесьпример скрипки: https://jsfiddle.net/1ny97xrb/1/

(https://github.com/SheetJS/js-xlsx/issues/966)

...