Angular 2中的JSPDF表对齐



我的表格如下。单击此处

我想以相同的方式下载pdf,但正在得到以下方式。

单击此处

以下是我在component.ts

中的代码
exportReportPdf() {        
    var doc =  new jsPDF('p','pt','a4');
    var columns = [
        {title: "Serial Number", dataKey: "Serial_Number"},
        {title: "Type", dataKey: "Type"}, 
        {title: "Make", dataKey: "Make"},
        {title: "Model", dataKey: "Model"},
        {title: "Class", dataKey: "Class"},
        {title: "Capacity", dataKey: "Capacity"},
        {title: "Weight", dataKey: "Weight"},
        {title: "Lip Width", dataKey: "Lip_width"},
        {title: "Check-Out Date", dataKey: "CheckOut_Date"},
        {title: "Expected Return Date", dataKey: "Expected_CheckIn"},
        {title: "Customer Number", dataKey: "Customer_Number"},
        {title: "Customer Information", dataKey: "Customer_Information"},          
    ];
    doc.text(140, 40, "Report");
    doc.autoTable(columns, this.data,{
       margin: {top: 60},
       tableWidth: 'auto',
       styles: {overflow: 'linebreak',valign: 'middle',fontSize:9,cellPadding :3},
    });
    doc.save('reports.pdf');
}

jspdf-autotable不支持垂直标头。但是你可以自己设置。您可以修改输入数据,以便您的标题在列中,然后使用列型使用。

最新更新