数据表打印无法正常工作

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