如何在 Angular 10 中将动态 table 导出为 PDF

Question

我想使用我现有的动态制作一个 PDF 文件 table.I 我已经尝试过结果将是 50% successful.I 使用 jsPDF the result be like。我想更改列宽和 Header 文字也...

Component.HTML

id="htmlData" #htmlData

我在我的容器中使用它 div

Component.TS

import { Component, OnInit, ViewChild, ElementRef } from '@angular/core';
import * as jsPDF from 'jspdf'
 @ViewChild('htmlData') htmlData: ElementRef;
    public openPDF():void {
    let DATA = this.htmlData.nativeElement;
    let doc = new jsPDF('l','pt', 'a4');
    doc.fromHTML(DATA.innerHTML,15,15,{
      'width':400,
      // autoSize:true,
    });
    doc.output('dataurlnewwindow');
  }

Answer 1

使用 jsPDF-AutoTable - Table jsPDF 插件 npm

jsPDF-AutoTable