Question

I am using jsPDF it works fine. It downloads the document as "PDF" but the thing is I am getting wrong design for the same, I want the table as displayed on the site.

How to set the column height and width for table in jsPDF?

Here is my script

function exportPdf()
{
    var pdf = new jsPDF('p', 'pt', 'letter');
    // source can be HTML-formatted string, or a reference
    // to an actual DOM element from which the text will be scraped.
    source = $('#infobox')[0];

    // we support special element handlers. Register them with jQuery-style 
    // ID selector for either ID or node name. ("#iAmID", "div", "span" etc.)
    // There is no support for any other type of selectors 
    // (class, of compound) at this time.
    specialElementHandlers = {
        // element with id of "bypass" - jQuery style selector
        '#infobox': function (element, renderer) {
            // true = "handled elsewhere, bypass text extraction"
            return true
        }
    };
    margins = {
        top: 10,
        bottom: 10,
        left: 10,
        width: "100%"
    };
    // all coords and widths are in jsPDF instance's declared units
    // 'inches' in this case
    pdf.fromHTML(
    source, // HTML string or DOM elem ref.
    margins.left, // x coord
    margins.top, { // y coord
        'width': margins.width, // max width of content on PDF
        'elementHandlers': specialElementHandlers
    },

    function (dispose) {
        // dispose: object with X, Y of the last line add to the PDF 
        // this allow the insertion of new lines after html
        pdf.save('musterData.pdf');
    }, margins);
    return false;
} 
Was it helpful?

Solution

I have posted a sample code on something related to your question.. That code will export html table to PDF format using jsPDF tool

Look for the following lines

doc.cellInitialize();

. . .

doc.cell(leftMargin, topMargin, cellWidth, rowWidth, cellContent, i)

Following is the link to find the sample code I was talking about

How to set column width for generating pdf using jsPDF

If you do this way you will get the tabular format in PDF. Let me know if you have any questions.. Don't forget to vote if you find it helpful

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top