Bootstrap-table將標題添加到PDF導出

Question

我將引導表插件與表導出插件（https://github.com/hhurz/tableExport.jquery.plugin）一起使用。

我設法導出我的表，但我想在表格本身之前在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。