如何将 Excel 模板的设计导入 Angular 作为对象

Question

我想从Excel导入数据，修改后我想导出更新后的数据。

我可以使用 XLSX 包从 Excel 文件导入数据，但是当我导出新数据时，所有样式都消失了。

我想在导出时保留 excel 的 Design/Style/Theme。

// For Import
  importExcel(e) {
    const bstr: string = e.target.result;
    const wb: XLSX.WorkBook = XLSX.read(bstr, { type: 'binary' });
    const wsname: string = wb.SheetNames[0];
    const ws: XLSX.WorkSheet = wb.Sheets[wsname];
    return of(<AOA>(XLSX.utils.sheet_to_json(ws, { header: 1,  })));
  }

// for Export of File   
  exportAsExcelFile(data: any[]): void {
    const ws: XLSX.WorkSheet = XLSX.utils.aoa_to_sheet(data);
    const wb: XLSX.WorkBook = XLSX.utils.book_new();
    XLSX.utils.book_append_sheet(wb, ws, 'Sheet1');
    XLSX.writeFile(wb, this.fileName);
  }

i want to persist the design of excel template

Answer 1

xlsx 是由 sheetJS 在 NPM 上提供的软件包。他们仅在 pro-version.

中提供模板导出

您可以改用 exceljs。这也可以通过 npm

检查使用 exceljs

在 angular 中读取 excelfile

如何将 Excel 模板的设计导入 Angular 作为对象

How to import desgin of an Excel Template in Angular as Object

excel

xlsx

npm

exceljs

angular