首页 文章

jsPDF Autotable在每个teable上面添加Title

提问于
浏览 次
0

我正在使用jsPDF Autotable生成包含多个表的pdf文档 . function generate（）{

var doc = new jsPDF('l', 'pt', 'a3');

var res = doc.autoTableHtmlToJson(document.getElementById('predicts'));
doc.autoTable(res.columns, res.data,{
styles: { overflow: 'linebreak', columnWidth: 65 }  
});

var res2 = doc.autoTableHtmlToJson(document.getElementById('EMPPredict'));
doc.autoTable(res2.columns, res2.data, {
    startY: doc.autoTableEndPosY() + 10,
    styles: { overflow: 'linebreak', columnWidth: 65 },
});


var res3 = doc.autoTableHtmlToJson(document.getElementById('Nonepredict'));
doc.autoTable(res3.columns, res3.data, {
    startY: doc.autoTableEndPosY() + 10,
    styles: { overflow: 'linebreak', columnWidth: 65 }
});
var res4 = doc.autoTableHtmlToJson(document.getElementById('E2EPredict'));

doc.autoTable(res4.columns, res4.data, {
    startY: doc.autoTableEndPosY() + 10,
    styles: { overflow: 'linebreak', columnWidth: 65 }
});

我试图找出如何为每个表添加 Headers 没有任何成功 .

我可以在顶部和页脚添加 Headers ，但有没有办法在每个表格上方添加 Headers ？

在此先感谢doc.save（“EOD_Results.pdf”）;

javascript html pdf jspdf jspdf-autotable

1 回答

  • 0

    您可以根据需要在页面的任何位置添加内容 . 您可以查看此示例，例如：https://simonbengtsson.github.io/jsPDF-AutoTable/#long

    doc.text(7, 15, "Overflow 'ellipsize' (default)");
doc.autoTable(columnsLong, getData(), {
    startY: 20,
    margin: {horizontal: 7},
    styles: {columnWidth: 'wrap'},
    columnStyles: {text: {columnWidth: 'auto'}}
});

doc.text("Overflow 'hidden'", 7, doc.autoTable.previous.finalY + 10);
doc.autoTable(columnsLong, getData(), {
    startY: doc.autoTable.previous.finalY + 15,
    margin: {horizontal: 7},
    styles: {overflow: 'hidden', columnWidth: 'wrap'},
    columnStyles: {text: {columnWidth: 'auto'}}
});
    回复于

相关问题