Twitter bootstrap 多个数据表和引导选项卡的响应问题

Twitter bootstrap 多个数据表和引导选项卡的响应问题,twitter-bootstrap,twitter-bootstrap-3,datatables,Twitter Bootstrap,Twitter Bootstrap 3,Datatables,我有2个引导井,每个井包含一对标签。每个选项卡包含一个数据表(共有4个)。当我加载页面时,前两个DataTables完全按照预期工作。切换选项卡时,呈现的表始终包含1列(无论列大小如何),其余的是子行的一部分。我已经尽了一切努力让桌子画得正确。如果有人有任何建议,请告诉我。另外,我对web UI代码有点陌生,所以如果有任何明显的错误,请与我一起忍受 我创建了一个示例,模拟我正在编写的代码,并显示我正在经历的行为。可以在这里找到:响应插件无法确定隐藏表的列要求。因此,在显示表(更改了选项卡)后,需

我有2个引导井,每个井包含一对标签。每个选项卡包含一个数据表(共有4个)。当我加载页面时,前两个DataTables完全按照预期工作。切换选项卡时,呈现的表始终包含1列(无论列大小如何),其余的是子行的一部分。我已经尽了一切努力让桌子画得正确。如果有人有任何建议,请告诉我。另外,我对web UI代码有点陌生,所以如果有任何明显的错误,请与我一起忍受


我创建了一个示例,模拟我正在编写的代码,并显示我正在经历的行为。可以在这里找到:

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

$($.fn.dataTable.tables(true)).DataTable().columns.adjust().responsive.recalc();
这些调用在DataTables 10.7中无法正常运行,但在最近的夜间构建中已修复。在短期内,我们将使用夜间构建,直到此修复程序正式发布。希望这对遇到同样问题的人有所帮助


可以继续讨论。

已经讨论了几个小时了。我有
…列。adjust()而不是最后一位。谢谢