スタイルとフォーマットを使用してAngle 4アプリケーションの機能をExcelにエクスポートする方法を実装しますか？

Question

Swimlane-ngxtableをデータの表示に使用しました。
私はデータをExcelにエクスポートしたいと思っています。

私は、次のコードを試してみました：私は、データをエクスポートすることができていますが、何の書式設定が適用されていない

private wrapAndCenterCell(range: XLSX.Range, worksheet: XLSX.WorkSheet) { 
const wrapAndCenterCellStyle = { 
    alignment: { wrapText: true, vertical: 'center', horizontal: 'center' }, 
    font: { bold: true, color: 'red' } 
}; 

for (var R = range.s.r; R <= range.e.r; ++R) { 
    for (var C = range.s.c; C <= range.e.c; ++C) { 
     var cell_address = { c: C, r: R }; 
     var cell_ref = worksheet[XLSX.utils.encode_cell(cell_address)]; 
     this.setCellStyle(cell_ref, wrapAndCenterCellStyle); 
     } 
    } 

} 

private setCellStyle(cell: XLSX.CellObject, style: {}) { 
    cell.s = style; 
} 

private saveAsExcelFile(buffer: any, fileName: string): void { 
    const data: Blob = new Blob([buffer], { 
     type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=UTF-8" 
    }); 
    FileSaver.saveAs(data, fileName + '_export_' + new Date().getTime() + ".xlsx"); 
} 

を。

私はそれを行う最適な方法を知りたいと思います。

Answer 1

プロジェクトのデータをExcelファイルにエクスポートする場合は、この指示に従います。

1.Addファイル・セーバーとのxlsx依存関係

npm install file-saver --save 
npm install xlsx --save 

2.Implement ExcelService

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'; 

@Injectable() 
export class ExcelService { 

    constructor() { } 

    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: '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); 
    } 

}