html table导出pdf,Export HTML table to pdf using jspdf

Here is working example:

in head

script:

function demoFromHTML() {

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 = $('#customers')[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

'#bypassme': function(element, renderer) {

// true = "handled elsewhere, bypass text extraction"

return true

}

};

margins = {

top: 80,

bottom: 60,

left: 40,

width: 522

};

// 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('Test.pdf');

}

, margins);

}

and table:

CountryPopulationDateAge

Chinna1,363,480,000March 24, 201419.1India1,241,900,000March 24, 201417.4United States317,746,000March 24, 20144.44Indonesia249,866,000July 1, 20133.49Brazil201,032,714July 1, 20132.81

and button to run:

PDF

and working example online: