为啥 DataTable TableTools 导出为 pdf 或 excel 或 csv 按钮不可见，只有打印按钮可见？

Posted 2023-02-24

【中文标题】为啥 DataTable TableTools 导出为 pdf 或 excel 或 csv 按钮不可见，只有打印按钮可见？

【英文标题】：Why DataTable TableTools export to pdf or excel or csv button are not visible only print button is visible?为什么 DataTable TableTools 导出为 pdf 或 excel 或 csv 按钮不可见，只有打印按钮可见？

【发布时间】：2017-11-20 20:03:16

【问题描述】：

我已经使用 tabletools 创建了数据表，但我无法查看所有按钮，例如导出到 pdf 或 excel 或复制或 csv，只有打印按钮可见。

这是我的代码：

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.2/jquery.js"></script>
<script src="//cdn.datatables.net/1.10.7/js/jquery.dataTables.min.js"></script>
<script src="//cdn.datatables.net/tabletools/2.2.4/js/dataTables.tableTools.min.js"></script>

$(document).ready(function()
    
        var table = $('#datatable').dataTable();
        var tableTools = new $.fn.dataTable.TableTools(table, 
            "aButtons" : [ "copy", "csv","copy", "pdf", "print" ],            
            'sSwfPath': '//cdn.datatables.net/tabletools/2.2.4/swf/copy_csv_xls_pdf.swf'
        );
        $(tableTools.fnContainer()).insertBefore('#datatable_wrapper');
    );

我的输出是 ::

这里我需要所有的导出选项。

请帮忙。

【问题讨论】：

同样的事情发生在我身上

那你是怎么解决的？

不，我被它困住了

【参考方案1】：

我在使用 Chrome 时遇到了同样的问题。

启用 Flash 对我有用。单击 URL 左侧的“查看站点信息”图标，然后始终允许特定站点的 Flash。或者转到 chrome://settings/content/flash 并禁用“先询问”。

【参考方案2】：

使用下面的代码：

buttons: [
  
    extend: 'excelhtml5',
    title: 'Interview' ,
    exportOptions: 
      columns: [1,2,3,4,5]
      
  ,
  
    extend: 'pdfHtml5'  ,
    title: 'Interview' ,
    exportOptions: 
      columns: [1,2,3,4,5]
      
  ,
  
    extend: 'copy' ,
    exportOptions: 
      columns: [1,2,3,4,5]
      
  ,
  
    extend: 'print' ,
    exportOptions: 
      columns: [1,2,3,4,5]
      
   
],