2016-12-02 18 views
-1

動作しない私はJavaScriptである:DataTableの印刷はここで適切に

$("#gridExtractReport").DataTable({ 
    destroy: true, 
    searching: true, 
    lengthChange: false, 
    "paging": false, 
    dom: 'Bfrtip', 
    buttons: [ 
    { 
     extend: 'print', 
     customize: function (win) { 
     $(win.document.body) 
      .css('font-size', '10pt') 
      .prepend(result); 
     $(win.document.body).find('table') 
      .addClass('compact') 
      .css('font-size', 'inherit'); 
     } 
    } 
    , 
    { 
     extend: 'excel', 
     customize: function (doc) { 
     $(doc.body) 
      .css('font-size', '9pt') 
      .prepend(result); 
     $(doc.body).find('table') 
      .addClass('compact') 
      .css('font-size', 'inherit'); 
     }, 
     title: accountText + "(" + startDate + "/" + endDate + ") Daire Ektresi" 
    } 
    ], 
    "language": { 
    "url": "//cdn.datatables.net/plug-ins/1.10.10/i18n/Turkish.json" 
    } 
}); 

私はExcelのエクスポートを取得することができますが、私のグリッドが空ではありませんが、私は、印刷をクリックした後、それは空のページが表示されます。ここで私の空のページのイメージを見ることができます。

enter image description here

答えて

0

ページへのjsファイルやCSSの次

<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/buttons/1.2.2/css/buttons.dataTables.min.css"> 

<script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/buttons/1.2.2/js/dataTables.buttons.min.js"></script> <script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/buttons/1.2.2/js/buttons.print.min.js"></script>

と機能にコードの下に追加を追加してください:

buttons: [ 
     { 

      extend: 'print', 
      exportOptions: { 
       columns: ':visible', 
      } 
     } 
    ], 
    columnDefs: [ { 
     targets: -1, 
     visible: false 
    } ] 
関連する問題