我正在尝试将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将不会应用两次。