Salesforce jspdf自动表格中的多页

Salesforce jspdf自动表格中的多页,salesforce,jspdf,jspdf-autotable,lwc,Salesforce,Jspdf,Jspdf Autotable,Lwc,我在代码中使用和生成pdf 它可以在一个页面上正常工作,最多23行。只要我添加第24行(即第二页上显示的行),所有内容都会被扭曲 我使用了下面的代码来生成PDF generatePdf(){ const { jsPDF } = window.jspdf; const { jsPDFAutotable } = window.jspdfautotable; const doc = new jsPDF('landscape');//

我在代码中使用和生成pdf

它可以在一个页面上正常工作,最多23行。只要我添加第24行(即第二页上显示的行),所有内容都会被扭曲

我使用了下面的代码来生成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, 'alex@example.com', 'a!£$%^&*()~#¬,.<>?asdfgQWERTY@asdfgh11222333344444'],
          .
          .
          .
          [23, 'Iceland', 7.501, 'Reykjavík', 'John', 2321, 'john@example.com', '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", 14, 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, 14, pageHeight - 10);
            },
        });

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

        doc.save('table.pdf');
    }
generatePdf(){
const{jsPDF}=window.jsPDF;
const{jsPDFAutotable}=window.jsPDFAutotable;
const doc=新的jsPDF(“景观”)//
var totalPagesExp=doc.internal.getNumberOfPages();/“{total_pages_count_string}”=>输出变为“{total_pages_count_string}”的第1页和“{total_pages_count_string}”的第2页
让head=[['ID','Country','Rank','Capital','Name','TelephoneNumber','Email','SomeText'];
让主体=[
[1,'丹麦',7.526,'加拿大','亚历克斯',9876543.210123456789,'alex@example.com“,”a!$%^&*()~#,。?asdfgQWERTY@asdfgh11222333344444'],
.
.
.
[23,'冰岛',7.501,'雷克雅未克','约翰',2321,'john@example.com“,”asdfgQWERTY'],
];
文档自动表({
头:头,,
身体:身体,,
tableWidth:'自动',
风格:{
cellWidth:'包裹',
字体大小:8
},
专栏风格:{
ID:{cellWidth:'auto'},
国家:{cellWidth:'auto'},
排名:{cellWidth:'auto'}
},
主题:“条纹”,
分页符:“自动”,
主持人:“每个页面”,
showFoot:“每个页面”,
边距:{顶部:30},
didDrawPage:函数(数据){
文件setFontSize(20);
setTextColor文件(40);
//文件setFontStyle(“正常”);
文件文本(“工作中的设备”,14、22);
文件setFontSize(20);
setTextColor文件(40);
//文件setFontStyle(“正常”);
文件文本(“工作编号:104319419104319136”,14,30);
//页脚
var str=“Page”+doc.internal.getCurrentPageInfo().pageNumber;
//总页数插件仅在jspdf v1.0中可用+
if(doc.puttotalpage的类型=='function'){
str=str+of+totalpagesepp;
}
文件设置字体大小(8);
setTextColor文件(40);
//文件setFontStyle(“正常”);
var pageSize=doc.internal.pageSize;
var pageHeight=pageSize.height?pageSize.height:pageSize.getHeight();
文件文本(str,14,页高-10);
},
});
//总页数插件仅在jspdf v1.0中可用+
if(doc.puttotalpage的类型=='function'){
文件PuttotalPage(总页面SEXP);
}
doc.save('table.pdf');
}
整个页面被扭曲了

请帮忙


更新它工作正常的地方。只有在LWC中,才会出现问题。

请发布一个屏幕截图,说明数据在您的终端是如何呈现的?已添加到说明中。