jQuery的dataTables tabletools不工作

Question

我想用下面的配置使用數據表工具。我無法看到我在下面定義的表格工具按鈕。我錯過了什麼嗎？請告訴我。

VAR oTable = $（ '＃儀表盤'）的dataTable（{ 「bPaginate」：真實， 「bLengthChange」：假的， 「bFilter」：真實， 「bSort」：假的， 「bInfo」 ：假的， 「bAutoWidth」：假的， 「sPaginationType」： 「引導」， 「aoColumnDefs」：colHeaders，

   "oTableTools": { 
        "aButtons": [ 
         { 
          "sExtends": "copy", 
          "sButtonText": "Copy to clipboard" 
         }, 
         { 
          "sExtends": "csv", 
          "sButtonText": "Save to CSV" 
         }, 
         { 
          "sExtends": "xls", 
          "sButtonText": "Save for Excel" 
         } 
        ] 
       } 
      }); 

Answer 1

設置sDom參數

這樣：

"sDom": 'T<"clear">lfrtip' 

更多信息： http://datatables.net/release-datatables/extras/TableTools/index.html

Answer 2

像@Dylan Slabbinck說，你必須設置 「sDom」 參數，但你也必須設置你的 「sSwfPath」 在您的項目目錄。 儘管這些更改與您顯示的代碼結合在一起，但可能還不夠。我建議你初始化表格，不包括TableTools Buttons部分，並且在實例化之後，設置按鈕及其配置。

"sDom": 'T<"clear">lfrtip' //inside your table configuration 

TableTools.DEFAULTS.sSwfPath = "your path"; 
// mine was TableTools.DEFAULTS.sSwfPath = "<?php echo $this->basePath() ?>/swf/copy_csv_xls_pdf.swf"; 
TableTools.DEFAULTS.aButtons = ["xls", "copy", "csv"]; 
TableTools.BUTTONS.xls.sButtonText = "Save for Excel"; 
TableTools.BUTTONS.copy.sButtonText = "Copy to clipboard"; 
TableTools.BUTTONS.csv.sButtonText = "Save to CSV";