Datentabelle drucken funktioniert nicht richtig

Question

Hier ist mein JavaScript:

$("#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" 
    } 
}); 

kann ich Excel-Export bekommen, aber es zeigt leere Seite, nachdem ich drucken klicken aber mein Raster nicht leer ist. Hier können Sie das Bild meiner leeren Seite sehen.

Answer 1

bitte

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

folgende js Dateien und CSS zu Ihrer Seite hinzufügen

<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>

und unter Code in Funktion hinzufügen:

buttons: [ 
     { 

      extend: 'print', 
      exportOptions: { 
       columns: ':visible', 
      } 
     } 
    ], 
    columnDefs: [ { 
     targets: -1, 
     visible: false 
    } ]