var pdf = new jsPDF('p', 'pt', 'a4');
var tablaDatos = $('.tb-info');
var data = pdf.autoTableHtmlToJson(tablaDatos[0]);
var imgElements = tablaDatos[0].querySelectorAll('tbody img');
var images = [];
pdf.autoTable(data.columns, data.rows, {
startY: 100,
margin: {
right: 20,
left: 50
},
tableWidth: 500,
styles: {
overflow: 'linebreak',
columnWidth: 'wrap',
rowHeight:'wra',
lineWidth: 1
},
columnStyles: {
0: {
columnWidth: 130
},
1: {
columnWidth: 350
},
columnWidth: 'wrap'
},
rowStyles: {
0: {rowHeight: 150}
},
createdCell: function(cell, opts) {
cell.styles.cellPadding = {vertical: 50};
},
rowHeight:'wra',
drawCell: function(cell, opts) {
if (opts.column.dataKey === 0 && opts.row.index < data.rows.length) {
images.push({
elem: imgElements[opts.row.index],
x: cell.textPos.x,
y: cell.textPos.y
});
}
},
addPageContent: function() {
for (var i = 0; i < images.length; i++) {
if (!images[i].isLoad) {
pdf.addImage(images[i].elem, images[i].x + 20, images[i].y - 25);
images[i].isLoad = true;
}
}
}
});
请使用这些脚本。
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.3.3/jspdf.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf-autotable/2.3.1/jspdf.plugin.autotable.min.js"></script>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>