【问题标题】: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');
    });

我的输出是 ::

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

请帮忙。

【问题讨论】:

  • 同样的事情发生在我身上
  • 那你是怎么解决的?
  • 不,我被它困住了

标签: jquery datatable tabletools


【解决方案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]
          }
      } 
    ],
    

    【讨论】:

      猜你喜欢
      • 2016-03-22
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2021-02-07
      • 2019-08-05
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多