多个DataTable和Bootstrap选项卡的响应问题

时间:2015-06-09 21:30:49

标签: twitter-bootstrap twitter-bootstrap-3 datatables

我有2个自举井,每个井都有一对标签。每个选项卡都包含一个DataTable(总共有4个)。当我加载页面时,前两个DataTables按预期完美地工作。切换选项卡时,呈现的表始终包含1列(无论列大小),其余部分是子行的一部分。我已经尝试了所有的东西来让桌子正确绘制。如果有人有任何建议,请告诉我。此外,我对网络用户界面代码有些新意,所以如果有任何明显的错误,请耐心等待。

我创建了一个模仿我正在编码的示例并显示我正在经历的行为。可在此处找到:http://live.datatables.net/sozobucu/edit

1 个答案:

答案 0 :(得分:7)

响应式插件无法确定隐藏表的列要求。因此,在显示表(更改选项卡)后,需要调用以下内容来重新计算列:

$($.fn.dataTable.tables(true)).DataTable().columns.adjust().responsive.recalc();

这些调用在DataTables 10.7中无法正常运行,但已在最近的每晚构建中得到修复。在短期内,我们将使用每晚构建,直到此修复使其成为正式版本。希望如果他们遇到同样的问题,这会有所帮助。

可以按照here进行讨论。