tableTools初始化导致Bootstrap出现问题

tableTools initializing causing problems with Bootstrap

本文关键字：问题 Bootstrap 初始化 tableTools      更新时间：2024-05-18

我正在尝试将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")"
            }
        });
    });

按钮和插件工作。问题是有了.DTT_container，所有的Bootstrap类都不见了。

我尝试初始化搜索，如示例所示：http://www.datatables.net/release-datatables/extensions/TableTools/examples/bootstrap.html

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

DTTT_container中缺少Bootstrap类，我遇到了同样的问题，以下是我解决问题的方法：

包括脚本"dataTables.bootstrap.js"AFTER"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>

dataTools被应用两次的原因是，您将"T"包含在dom中，并使用新形式的初始化代码（$.fn.dataTable.TableTools()）

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

相关文章：