数据表打印不能正常工作

Question

这里是我的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" 
    } 
}); 

我可以得到Excel导出，但它显示空白页我点击打印之后然而我的网是不是空的。在这里你可以看到我的空白页面的图像。

Answer 1

请补充以下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 
    } ]