2015-02-24 67 views
0

我想將Bootstrap以及tableTools與DataTable結合起來。tableTools初始化導致Bootstrap問題

$(document).ready(function() { 
     var reports_table = $('#reports_table').dataTable({ 
      "dom": 'T<"clear">lfrtip', 
      "tableTools": { 
       "sSwfPath": "@Url.Content("~/Content/img/swf/copy_csv_xls_pdf.swf")" 
      } 
     }); 
    }); 

按鈕和插件的作品。問題是,使用.DTTT_container時,所有Bootstrap類都消失了。

我試圖初始化搜索,因爲它是從示例所示:http://www.datatables.net/release-datatables/extensions/TableTools/examples/bootstrap.html

它不工作。任何幫助?

+0

如果從示例中複製,它還應用兩次dataTools。 – dddexxx 2015-02-24 17:24:03

回答

0

我有自舉類從DTTT_container缺少了同樣的問題,這裏是我如何解決它:

包括腳本「dataTables.bootstrap.js」之後「dataTables.tableTools.js」,即:

<!-- Tabletools Datatables Plugin JavaScript --> 
<script src="//cdn.datatables.net/tabletools/2.2.4/js/dataTables.tableTools.min.js"></script> 

<!-- Bootstrap Datatables Plugin JavaScript --> 
<script src="//cdn.datatables.net/plug-ins/1.10.6/integration/bootstrap/3/dataTables.bootstrap.js"></script> 

原因數據工具施加兩次,是因爲要包括「T」在DOM中,並使用碼($.fn.dataTable.TableTools()

初始化的新形式選擇第一個e方法和dataTools不會被應用兩次。