使用jspdf将多个表导出为PDF
我有两个表在一个页面上,我想导出到PDF,我已经设法得到第一个表导出到PDF刚刚好,但我似乎无法得到第二个表导出到同一页上 这是我目前拥有的代码:使用jspdf将多个表导出为PDF,pdf,jspdf,export-to-pdf,Pdf,Jspdf,Export To Pdf,我有两个表在一个页面上,我想导出到PDF,我已经设法得到第一个表导出到PDF刚刚好,但我似乎无法得到第二个表导出到同一页上 这是我目前拥有的代码: var columns = []; var rows = []; var columns2 = []; var rows2 = []; $(document).ready(function () { demoFromHTML(); }) function demoFromHTML() { $('#exportpdf').click(fun
var columns = [];
var rows = [];
var columns2 = [];
var rows2 = [];
$(document).ready(function () {
demoFromHTML();
})
function demoFromHTML() {
$('#exportpdf').click(function () {
var doc = new jsPDF();
doc.text(20, 20, 'Name: ' + $('#name').val() + " " + "month: " + $('#month').val());
$('#dataTbl th').each(function () {
columns.push({title: $(this).html(), dataKey: $(this).html()});
console.log(columns);
})
$('#dataTbl .repeatingSection').each(function () {
rows.push({"code1": $('#code1').val(), "code2": $('#code2').val(), "code3": $('#code3').val(), "code4": $('#code4').val(), "code5": $('#code5').val()});
})
$("#mytotals th").each(function () {
columns2.push({ title: $(this).html(), dataKey: $(this).html() })
})
rows2.push({ "Total codes": $('#totalinpts').val(), "Total codes for month": $('#month').val() });
var doc = new jsPDF('p', 'pt');
doc.autoTable(columns, rows, {
styles: {fillColor: [100, 255, 255]},
columnStyles: {
id: {fillColor: 255}
},
margin: {top: 60},
beforePageContent: function(data) {
doc.text("Header", 40, 30);
}
});
doc.autoTable(columns2, rows2, {
styles: { fillColor: [100, 255, 255] },
columnStyles: {
id: { fillColor: 255 }
},
margin: { top: 60 },
});
doc.save('Test.pdf');
})
在代码中,我尝试使用columns2和rows2数组来添加第二个表,但是我似乎无法实现这一点。我的两个表目前都是小表,所以我希望它们都在同一页上。我已经设法通过添加一个新页面来实现这一点,但是它看起来很糟糕
任何与此相关的帮助和建议都将非常有用。使用
doc.autoTableHtmlToJson
获取表的列和行
var tbl_res = doc.autoTableHtmlToJson(document.getElementById('table_ID'));
doc.autoTable(tbl_res.columns, tbl_res.data, options);