Jak zmienić rozmiar czcionki eksportu PDF w datatables?

Question

Mam datatable i mam przycisk drukowania i przycisk pdf. Mogę zmienić rozmiar czcionki podczas drukowania strony, ale nie mogę zmienić rozmiaru czcionki podczas eksportowania pliku pdf.

{ 
     extend: 'pdfHtml5', 
     text: 'Save PDF', 
     exportOptions: { 
      modifier: { 
       page: 'current' 
      } 
     }, 
     header: true, 
     title: 'My Table Title', 
     orientation: 'landscape' 
    }, 
    { 
     extend: 'print', 
     text: 'Print', 
      customize: function (win) { 
       $(win.document.body) 
        .css('font-size', '15pt') 


       $(win.document.body).find('table') 
        .addClass('compact') 
        .css('font-size', '8pt'); 
      }, 
      header: false, 
      title: '', 
      orientation: 'landscape' 
    }, 

możesz mi pomóc?

Answer 1

Jeśli spojrzeć na src html5.js tworzy domyślny obiekt dosłownych ustawień domyślnych doc objętości:

var doc = { 
    pageSize: config.pageSize, 
    pageOrientation: config.orientation, 
    content: [ 
     { 
      table: { 
       headerRows: 1, 
       body: rows 
      }, 
      layout: 'noBorders' 
     } 
    ], 
    styles: { 
     tableHeader: { 
      bold: true, 
      fontSize: 11, 
      color: 'white', 
      fillColor: '#2d4154', 
      alignment: 'center' 
     }, 
     tableBodyEven: {}, 
     tableBodyOdd: { 
      fillColor: '#f3f3f3' 
     }, 
     tableFooter: { 
      bold: true, 
      fontSize: 11, 
      color: 'white', 
      fillColor: '#2d4154' 
     }, 
     title: { 
      alignment: 'center', 
      fontSize: 15 
     }, 
     message: {} 
    }, 
    defaultStyle: { 
     fontSize: 10 
    } 
}; 

można użyć do customize zwrotnego zmienić te ustawienia domyślne:

{ 
    extend: 'pdfHtml5', 
    text: 'Save PDF', 
    exportOptions: { 
     modifier: { 
     page: 'current' 
     } 
    }, 
    header: true, 
    title: 'My Table Title', 
    orientation: 'landscape', 
    customize: function(doc) { 
     doc.defaultStyle.fontSize = 16; //<-- set fontsize to 16 instead of 10 
    } 
}, 

---

Zmiana rozmiaru czcionki nagłówka:

doc.styles.tableHeader.fontSize = 30  

https://jsfiddle.net/2nwqa2jk/12/

Zmień ustawienie, ustaw centrum do wszystkich nagłówków, wszystkie kolumny wszystkich stopek:

doc.defaultStyle.alignment = 'center' 

https://jsfiddle.net/2nwqa2jk/13/