Format content after table (jsPDF autotable)

Question

i want to add content after a table in a pdf file that was created with jsPDF autotable.

My Code:

    $('#printBtn').on('click', function() {
    var pdf = new jsPDF('p', 'pt', 'a4');
    var res = pdf.autoTableHtmlToJson(document.getElementById("tablePrint"));

    var anfang = "Anfang";
    pdf.text(anfang, 14, 30);

    pdf.autoTable(res.columns, res.data, {
        theme : 'plain',
        styles: {
            fontSize: 12
        },
        showHeader: 'never',
        createdCell: function(cell, data) {
            var tdElement = cell.raw;
            if (tdElement.classList.contains('hrow')) {
                cell.styles.fontStyle = 'bold';
            }
        }
    });

    var ende = $('#ende_text').text();
    pdf.text(ende, 0, 12);

    pdf.save("test.pdf");
});

My Problem is that the code isn't formatted. The
tags and everything else was ignored by jsPDF.

How can i fix that or what can i do that the text has line breaks and not overflow?

Thanks for help!

sarath sarath · Accepted Answer · 2018-10-10T10:41:21

             margins={
                     top=50,
                     left=30,
                     bottom=50,
                     width=520
                    }
              var pdf = new jsPDF("p", "pt","a4");

              var res = pdf.autoTableHtmlToJson(document.getElementById("table2"));

              pdf.autoTable(res.columns, res.data,{
              margin: { left: 30,bottom:100},
              startY: 30,  pageBreak: 'always',              
              styles: {overflow: 'linebreak', columnWidth: 'wrap', font: 'arial',  
              cellPadding: 8, overflowColumns: 'linebreak'}
                  });

              pdf.fromHTML($("#editor1").get(0), 30, pdf.autoTableEndPosY() + 20, {
              'width': margins.width
              },function(dispose)
                   {
              var iframe = document.createElement('iframe');
              iframe.setAttribute('style','position:absolute;right:0; top:0; bottom:0; height:100%; width:40%; padding:20px;');
              document.body.appendChild(iframe);
              iframe.src = pdf.output('datauristring');
              //pdf.save('name.pdf');
              },
              margins);

iam using the latest version of jspdf.min.js and jspdf.autotable.js

    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jspdf-autotable/2.3.5/jspdf.plugin.autotable.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.4.1/jspdf.min.js"></script>

Format content after table (jsPDF autotable)

1 Answers