twitter-bootstrap - 多个数据表和 Bootstrap 选项卡的响应问题

Question

我有 2 个 Bootstrap 井，每个井都包含一对标签。每个选项卡都包含一个 DataTable(总共有 4 个)。当我加载页面时，前两个 DataTable 可以正常工作。当我切换选项卡时，呈现的表始终包含 1 列(无论列大小)，其余部分是子行的一部分。我已经尝试了几乎所有方法来让表格正确绘制。如果有人有任何建议，请告诉我。此外，我对 Web UI 代码有些陌生，所以如果有任何明显的错误，请多多包涵。

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

Answer 1

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

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

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

可以关注讨论 here .