2016-10-19 11 views
0

Buttons拡張機能から生成されたPDFのスタイリングの仕方は誰にも分かりますか?私は具体的にちょうど右揃えにしたいと思います。私はdatsphereでcolspanを使う方法は?データテーブルのエクスポート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 
         }, 

         ], 

         } 

         }); 

答えて

2

であることのコード例であるありがとう。

$('#example').DataTable({ 
    dom: 'Bfrtip', 
    buttons: [{ 
    extend: 'pdfHtml5', 
    title: 'My title' + '\n' + 'a new line', 
    customize: function(doc) { 
    doc.styles.title = { 
     color: 'red', 
     fontSize: '40', 
     background: 'blue', 
     alignment: 'center' 
    } 
    doc.styles.tableHeader = { 
     color: 'red', 
     background: 'blue', 
     alignment: 'right' 
    } 
    doc.styles.tableBodyEven = { 
     background: 'yellow', 
     alignment: 'right' 
    } 
    doc.styles.tableBodyOdd = { 
     background: 'blue', 
     alignment: 'right' 
    } 
    doc.styles.tableFooter = { 
     background: 'blue', 
     alignment: 'right' 
    } 
    doc.styles['td:nth-child(2)'] = { 
     width: '100px', 
     'max-width': '100px' 
    } 
    } 
}] 
}) 
関連する問題