數據表自定義pdf

我正在使用jQuery數據表將表格導出爲pdf.Now pdf所有文本左對齊。如何將其更改爲右對齊？我需要將自定義CSS添加到導出的pdf。數據表自定義pdf

這裏是我的代碼

$('#reporTable').DataTable({ 

    "paging" : false, 
    "ordering": false, 
    "info" : false, 
    "searching" : false, 

    dom: 'T<"clear">lfrtip', 
    tableTools: { 
    "sSwfPath": "/javascripts/js/dataTables/tools/swf/copy_csv_xls_pdf.swf", 

    "aButtons": [ 
    { 
    "sExtends": "pdf", 
    "sTitle": filename, 
    "sPdfOrientation": "landscape", 
    "sPdfMessage": out_name+":" + msg 
    }, 

    ], 

    } 

    });

來源

2016-10-24 Bibin Joseph

使用customize回調。它沒有很好的記錄，見this answer for some references，或者你可以簡單地嘗試自己調查通過的doc字母。基本上

customize: function(doc) { 
    doc.defaultStyle.alignment = 'right'; 
    doc.styles.tableHeader.alignment = 'right'; 
}

將最終在一個PDF中右對齊標題和單元格內容。樣品可能是

$('#example').DataTable({ 
    dom: 'Bfrtip', 
    buttons: [{ 
    extend: 'pdfHtml5', 
    customize: function(doc) { 
    doc.defaultStyle.alignment = 'right'; 
    doc.styles.tableHeader.alignment = 'right'; 
    } 
}] 
})

演示 - >https://jsfiddle.net/yzdtLz36/

來源

2016-10-24 13:12:01 davidkonrad

在默認文檔佈局noBorders如何與邊框做的？ –

@BibinJoseph，對不起，我真的不知道，從來沒有需要的功能。嘗試了幾件事，但沒有運氣。我相信你必須遍歷'doc.contents'中的每個項目，並將樣式應用於每個項目。 dataTables只會從'pdfmake'中簡化基礎知識，您可以查看http://pdfmake.org以獲得更準確的信息... – davidkonrad

數據表自定義pdf

回答

相關問題