jsPDF 仅显示 headers 但不显示下载文件中的 table 数据

Question

我正在尝试使用 jsPDF 库在 Angular11 中创建 PDF 文件。下载文件后，我只看到 headers 而不是 table 行。下面是我的代码

exportToPDF() {
   let headers = ['loggedInUserId', 'loginId', 'name'];

   let data = [
   {
    'loggedInUserId': 123,
    'loginId': 123,
    'name': 123,
   },
   {
    'loggedInUserId': 123,
    'loginId': 123,
    'name': 123,
   },
   ];

   const doc = new jsPDF();
   doc.table(1, 1, data, headers, { autoSize: true });
   doc.save();
 }

下面是输出 PDF 的样子

Answer 1

诀窍是确保使用 string 类型作为单元格的值始终，即使您有日期或数字：

 let data = [
   {
    loggedInUserId: "123",
    loginId: "123",
    name: "§Benzara",
   },
   {
    loggedInUserId: "123",
    loginId: "123",
    name: "123",
   }
   ];

Working Demo

jsPDF 仅显示 headers 但不显示下载文件中的 table 数据

jsPDF showing only headers but not table data in the downloaded file

angular

jspdf

jspdf-autotable