Bootstrap-table 为 PDF 导出添加标题

Question

我正在使用带有 tableExport 插件 (https://github.com/hhurz/tableExport.jquery.plugin) 的 bootstrap-table 插件。

我设法导出了我的表格，但我想在表格本身之前在 PDF 中添加一个标题。这是我的代码：

$("#table").bootstrapTable({
    exportOptions: {
        fileName: 'export_anim',
        worksheetName: 'table',
        csvSeparator: ';',
        jspdf: {
            orientation: "l",
            autotable: {
                styles: {rowHeight: 14, fontSize: 8, fillColor: 240},
                headerStyles: {fillColor: 255, textColor: 0},
                alternateRowStyles: {fillColor: 210, textColor: 0}
            }
        }
    }
});

有什么办法可以做到吗？

Answer 1

执行此操作的一种方法是将beforePageContent 挂钩与自动表中的margin 选项一起使用。像这样的：

autotable: {
    margin: {top: 80},
    beforePageContent: function (data) {
        var doc = data.doc; // Internal jspdf instance
        doc.setFontSize(20);
        doc.setTextColor(40);
        doc.setFontStyle('normal');
        doc.text("Table Title", data.settings.margin.left, 60);
    }
}

请注意您需要jspdf-autotable >=2.0.33。有关更多信息，请查看自动表页眉和页脚 demo 或 code。