Question

我使用tabletools创建了数据表但是我无法查看所有按钮，例如导出为pdf或excel或copy或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');
    });

我的输出是::

enter image description here

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

帮助。

Answer 1

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

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

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

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

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

2 个答案: