부트 스트랩 표가 PDF 내보내기에 제목을 추가하십시오.

Question

tableexport 플러그인 (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을 확인하십시오.