jspdf-在表格前插入HTML

时间:2019-04-16 06:39:18

标签: jspdf jspdf-autotable

我想在添加doc.fromHTML()的情况下仅使用jspdf-autotable为第一页插入HTML,HTML会获取每一页,但是doc.text()仅在第一页中正确显示,请参见示例下面

// Header content function
let header = function(data) {
    doc.setFontSize(18);
    doc.setTextColor(40);
    doc.setFontStyle('normal');

    headerHtml = '<header>This is header</header>'; // it's showing every page
    //doc.text('This is header', data.settings.margin.left + 15, 22); // it's showing for the first page only

    doc.fromHTML(
        headerHtml,
        margins.mLeft, //x coord
        margins.mTop, //y coord
        //otherContentOptions, //options object
        //margins
    );
};

自动表格选项:

// Header & Footer
didDrawPage: function (data) {
    // Header Content
    //let pageNumber = doc.internal.getNumberOfPages();
    if(data.pageNumber === 1) {
        header(data);
    }

    // Footer Content
    footer(data);
}

已编辑: 我已经改变了这样的标签 headerHtml = '<header>This is header</header>'

headerHtml = '<div style="text-align: center;">' +
                            '<p>Main Header</p> ' +
                            '<p>Second Header</p>' +
                            '<p>Third Header</p>' +
                        '</div>';

现在可以工作了,但是如何将其带到中心

截屏: enter image description here

有人可以帮助我吗?

0 个答案:

没有答案