Question

我正在尝试将Bootstrap和tableTools与DataTable结合使用。

$(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

它不起作用。有什么帮助吗？

Answer 1

我遇到了与DTTT_container中缺少的Bootstrap类相同的问题，以下是我如何解决它：

在“dataTables.tableTools.js”之后加入脚本“dataTables.bootstrap.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>

dataTools应用两次的原因是因为你在dom中包含了“T”，并且在代码中使用了新的初始化形式（$.fn.dataTable.TableTools()）

选择其中一种方法，dataTools将不会被应用两次。

tableTools初始化导致Bootstrap出现问题

1 个答案: