如何在同一個 .csv 文件中導出兩個 p 表 (PrimeNG)？

Question

我有兩個 primeNG 表，我只想導出一個包含兩個表信息的 csv 文件。

當我只有一張表時，我可以使用 exportCSV() 方法，但我不知道如何使用兩張表。

有沒有辦法獲取數據並手動創建csv文件？ 你知道另一種解決方案嗎？

太感謝了。

Answer 1

步驟：1從兩個表數據創建兩個單獨的工作表

  const productsWorksheet = xlsx.utils.json_to_sheet(this.products);
  const carsWorksheet = xlsx.utils.json_to_sheet(this.cars);

步驟：2創建一個空工作簿

const workbook = xlsx.utils.book_new();

Step: 3 Append 表格到工作簿

xlsx.utils.book_append_sheet(workbook, productsWorksheet, 'Products');
xlsx.utils.book_append_sheet(workbook, carsWorksheet, 'Cars');

步驟：4創建文件

const excelBuffer: any = xlsx.write(workbook, {
    bookType: 'xlsx',
    type: 'array',
  });

步驟：5用file-saver保存csv文件

this.saveAsExcelFile(excelBuffer, 'tables');

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

工作堆棧閃電戰