2015-02-24 61 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不会被应用两次。