jsPDF在下载的文件中仅显示标题但不显示表格数据答案

【问题标题】：jsPDF showing only headers but not table data in the downloaded filejsPDF在下载的文件中仅显示标题但不显示表格数据
【发布时间】：2021-01-15 13:23:32
【问题描述】：

我正在尝试使用 jsPDF 库在 Angular 11 中创建 PDF 文件。下载文件后，我只看到标题而不是表格行。下面是我的代码

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的样子

【问题讨论】：

标签： angular jspdf jspdf-autotable

【解决方案1】：

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

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

Working Demo

【讨论】：