Javascript DataTables打印按钮不工作，打印空白页

我正在从事一个项目，该项目使用DataTables插件从数据库构建一个单词表。这是我用来创建表的函数

var word_data_filtered = filterWordData(filter_states);
words_table = $("#words_generated").DataTable({
    "data" : word_data_filtered,
    "columns" : columns,
    "aLengthMenu": [[25, 50, 100, 200, -1],
            [25, 50, 100, 250, "All"]],
    "pageLength": 100,
    dom: "lBftipr",
    buttons: [
       'print',
    ]
});

按钮是DataTables的附加插件/附加组件。因此，我实际上要复制并粘贴文件头中包含的各种脚本的主要部分，部分原因是如果我遗漏了一些我想知道的内容

  <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
 <script src="//cdn.datatables.net/1.10.7/js/jquery.dataTables.min.js">
 </script>
 <script src="//cdn.datatables.net/plug-ins/1.10.7/integration/bootstrap/3/dataTables.bootstrap.css"></script>
 <script src="//cdn.datatables.net/plug-ins/1.10.7/integration/bootstrap/3/dataTables.bootstrap.js"></script>
 <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
 <link rel="stylesheet" href="https://cdn.datatables.net/tabletools/2.2.4/css/dataTables.tableTools.min.css"/>
 <script src="https://cdn.datatables.net/tabletools/2.2.4/js/dataTables.tableTools.min.js"></script>
 <script src="https://cdn.datatables.net/tabletools/2.2.4/swf/copy_csv_xls_pdf.swf"></script>

 <script src="https://cdn.datatables.net/buttons/1.3.1/js/dataTables.buttons.min.js"></script>
 <script src="https://cdn.datatables.net/buttons/1.3.1/js/buttons.print.min.js"></script>

现在我有一个“打印”按钮显示在页面上。但在我的chrome浏览器中，“打印”按钮不起作用

点击它，一个新的标签页打开，谷歌chrome的打印面板设置在一张桌子的顶部。但是，“打印”面板会提示您打印空白页。打印预览显示一个空白页面（顶部有一个标题，就是这样）。打印面板下的表格看起来与我的网页上的表格完全相同，因此我假设我已经通过某种方式打印出了整个表格

但仍然如此。我真的不知道为什么会发生这种情况，我不确定如何进一步进行

“打印视图”按钮将获取表格中显示的数据副本（基于exportOptions参数中给出的选择器选项），并构建一个新的临时表格，该表格将显示在新窗口中

我认为您可能需要指定

exportOptions

，以便指示打印按钮应该打印哪些表数据

---

我遇到了同样的问题，结果是在打开的新页面中，您拥有来自父页面的所有CSS。在我的CSS中，我发现了这样一个定义，它可以隐藏打印的所有内容：

@媒体打印{
正文*{
可见性：隐藏；
}