DataTables＆PDFmake

我正在嘗試使用DataTables導出功能，我可以導出爲CSV，xlxs，pdf。現在我目前的需求是導出一個自定義PDF（改變字體大小，顏色等）。在DataTable文檔中指出，我們可以將它與PDFmake集成，我無法這樣做。DataTables＆PDFmake

如果有人可以請求幫助，以整合/使用PDFmake與數據表，這將是非常有益的。

在此先感謝。

我初始化的數據表

> var table = $('#Table').DataTable({ 
>    lengthChange: true, 
>    buttons: [ 
>    'copyHtml5', 
>    { 
>     extend: 'csvHtml5', 
>     title: 'FileName' 
>    }, 
>    { 
>     extend: 'excelHtml5', 
>     title: 'FileName' 
>    }, 
>    { 
>     extend: 'pdfHtml5', 
>     orientation: 'landscape', 
>     title: 'FileName', 
>     //download: 'open', 
>     pageSize: 'A3' 
>    } 
>   ] 
>  });

我擁有所有必要的JS和CSS文件要求，我怎麼在這個環節中PDFMake？

來源

2015-11-06 Darshan

顯示我們好遠，你都幹了些什麼的例子。而語言是這個什麼編程？請添加更多詳細信息。 –

您是否包含了示例中所示的所有文件https://datatables.net/extensions/buttons/examples/initialisation/export.html（javascript選項卡） – davidkonrad

是的我已經包含了所有必需的文件，這些按鈕正在工作它應該，我只想鏈接它與PDFMake爲了定製導出的PDF。 – Darshan

在聲明數據表可以訪問PdfMake對象，並更改字體這樣的：

window.pdfMake.fonts = { 
     alef: { 
      normal: 'Alef-Bold.ttf', 
      bold: 'Alef-Bold.ttf', 
      italics: 'Alef-Bold.ttf"', 
      bolditalics: 'Alef-Bold.ttf', 
     } 
    };

該代碼將自定義字體使用Alef的。作爲vfs分配的字體。

（見https://github.com/bpampuch/pdfmake/wiki/Custom-Fonts---client-side如果你有興趣在如何使這個）

對於你所需要的其他自定義在按鈕的自定義選項。

在這裏看到： https://datatables.net/reference/button/pdfHtml5

下面是如何初始化新字體DataTable中

$("table").DataTable({ 
      buttons: [ 
       { 
        extend: 'pdf', className: 'btn green btn-outline', text: 'Export PDF', 
        customize: function (doc) { 
         doc.defaultStyle = 
          { 
           font: 'alef' 
          } 

          } 
         } 
        ] 
       });

來源

2015-11-22 11:57:06 misha130

你有什麼想法改變默認的標題顏色？ –

http://stackoverflow.com/questions/28764174/how-to-fill-column-background-color-for-pdfmake-with-fillcolor這將有所幫助。您基本上將樣式分配給文本的一部分。這裏的實驗：http://pdfmake.org/playground.html DataTables使用這個庫，所以這是一個100％的工作。 – misha130

DataTables＆PDFmake

回答

相關問題