jspdf-autotable 中的多个页面

问题描述

我在代码中使用了 jspdf 和 jspdfAutoTable 来生成 pdf。

它在单个页面上运行良好，最多 23 行。一旦我添加了第 24 行（即出现在第二页上的行），一切都会扭曲。

page-1 pdf screenshot

我使用下面的代码来生成 PDF

generatePdf(){
        const { jsPDF } = window.jspdf;
        const { jsPDFAutotable } = window.jspdfautotable;
        const doc = new jsPDF('landscape');//
        
        var totalPagesExp = doc.internal.getNumberOfPages();// '{total_pages_count_string}' ==> the output becomes Page 1 of '{total_pages_count_string}' and page 2 of '{total_pages_count_string}'
        
        let head = [['ID','Country','Rank','Capital','Name','TelephoneNumber','Email','SomeText']];
        let body = [
          [1,'Denmark',7.526,'Cp','Alex',9876543.210123456789,'[e-mail]','a!£$%^&*()~#¬,.<>?asdfgQWERTY@asdfgh11222333344444'],.
          .
          .
          [23,'Iceland',7.501,'Reykjavík','John',2321,'[e-mail]','asdfgQWERTY'],];

        doc.autoTable({ 
            head: head,body: body,tableWidth: 'auto',styles: {
                cellWidth: 'wrap',fontSize: 8
            },columnStyles: {
                ID: {cellWidth: 'auto'},Country: {cellWidth: 'auto'},Rank: {cellWidth: 'auto'}
            },theme: 'striped',pageBreak: 'auto',showHead: 'everyPage',showFoot: 'everyPage',margin: { top: 30 },didDrawPage: function (data) {
                doc.setFontSize(20);
                doc.setTextColor(40);
                //doc.setFontStyle('normal');
                doc.text("Equipment Out On Jobs",14,22);
                
                doc.setFontSize(20);
                doc.setTextColor(40);
                //doc.setFontStyle('normal');
                doc.text("Job Numbers: 104319419,104319136",30);
                
                // Footer
                var str = "Page " + doc.internal.getCurrentPageInfo().pageNumber;
                // Total page number plugin only available in jspdf v1.0+
                if (typeof doc.putTotalPages === 'function') {
                    str = str + " of " + totalPagesExp;
                }
                
                doc.setFontSize(8);
                doc.setTextColor(40);
                //doc.setFontStyle('normal');
                
                var pageSize = doc.internal.pageSize;
                var pageHeight = pageSize.height ? pageSize.height : pageSize.getHeight();
                doc.text(str,pageHeight - 10);
            },});

        // Total page number plugin only available in jspdf v1.0+
        if (typeof doc.putTotalPages === 'function') {
            doc.putTotalPages(totalPagesExp);
        }

        doc.save('table.pdf');
    }

整个页面都扭曲了。

请帮忙。

UPDATE codepen 在那里它工作得很好。只有在 LWC 中，才会出现问题。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）