2016-10-24 5 views
3

私はjQueryデータテーブルを使用してpdfとしてテーブルをエクスポートしています。すべてのテキストは左揃えです。どのように右揃えに変更できますか?エクスポートしたpdfにカスタムCSSを追加する必要があります。データテーブルのカスタマイズ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 
    }, 

    ], 

    } 

    }); 

答えて

4

使用customizeコールバックです。あまり詳しく書かれていません。this answer for some referencesを参照するか、単に渡されたdocのリテラルを調べてみてください。基本的に

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

は、右揃えのヘッダーとセルの内容で終了します。サンプルは

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

デモかもしれない - 既定のドキュメントのレイアウトでは>https://jsfiddle.net/yzdtLz36/

+0

国境でそれを作ることができる方法noBordersのですか? –

+0

@BibinJoseph、申し訳ありませんが、私は正直なところ、知りませんでした。運がないいくつかのことを試してみました。私はあなたが 'doc.contents'の各アイテムを繰り返し処理し、各アイテムにスタイルを適用する必要があると思います。 dataTablesは 'pdfmake'の基本を助けるだけです。より正確な情報についてはhttp://pdfmake.orgをご覧ください。 – davidkonrad

関連する問題