스타일 및 서식을 사용하여 4 각형 응용 프로그램의 데이터를 내보내 엑셀 기능을 구현하는 방법은 무엇입니까?

Question

우리는 Swimlane-ngxtable을 데이터 표시에 사용했습니다.
데이터를 내보내고 싶습니다. 나는 다음 코드를 시도

는 :

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

}