jsPDF 在下载的文件中只显示标题而不显示表格数据

时间:2021-01-15 13:23:32

标签: angular jspdf jspdf-autotable

我正在尝试使用 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的样子

enter image description here

1 个答案:

答案 0 :(得分:1)

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

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

Working Demo