使用jspdf将内容导出为pdf angular

Question

我正在尝试使用 jspdf 创建一个 pdf。但是我收到错误cannot create property 'header' on string 'Details'。我经历了这个问题How to fix: Cannot create property 'header' on string，但找不到解决方案。请帮助。提前致谢。 这是我的转换函数

convert() {

    var doc = new jsPDF();
    var col = ["Details", "Values"];
    var rows = [];

    /* The following array of object as response from the API req  */

    var itemNew = [
      { id: 'Case Number', name: '101111111' },
      { id: 'Patient Name', name: 'UAT DR' },
      { id: 'Hospital Name', name: 'Dr Abcd' }
    ];


    itemNew.forEach(element => {
      var temp = [element.id, element.name];
      rows.push(temp);

    });

    doc.autoTable(col, rows);
    doc.save('Test.pdf');
  }

StackBLitz：https://stackblitz.com/edit/angular-jspdf-xgoetc?file=app/app.component.ts

Answer 1

问题出在您指定head 和body 的autoTable() 函数中。

var col = [["Details", "Values"]];

改变autoTable()喜欢

 doc.autoTable({
        head: col,
        body: rows
    });

更新片段：

convert() {

    var doc = new jsPDF();
    var col = [["Details", "Values"]];
    var rows = [];

    /* The following array of object as response from the API req  */

    var itemNew = [
      { id: 'Case Number', name: '101111111' },
      { id: 'Patient Name', name: 'UAT DR' },
      { id: 'Hospital Name', name: 'Dr Abcd' }
    ];


    itemNew.forEach(element => {
      var temp = [element.id, element.name];
      rows.push(temp);

    });

    //doc.autoTable(col, rows);
    doc.autoTable({
        head: col,
        body: rows
    });
    doc.save('Test.pdf');
  }

PDF 预览（Test.pdf）：

请参阅jsPDF-AutoTable Documentation 了解更多信息。