多个数据表和 Bootstrap 选项卡的响应问题
Responsive Issues With Multiple DataTables And Bootstrap Tabs
我有 2 个 bootstrap 孔，每个孔都包含一对标签。每个选项卡包含一个数据表（总共有 4 个）。当我加载页面时，前两个数据表按预期完美工作。当我切换选项卡时，呈现的 tables 始终包含 1 列（无论列大小如何），其余部分是子行的一部分。我已经尝试了几乎所有方法来让 table 正确绘制。如果有人有任何建议，请告诉我。另外，我对网络 UI 代码有些陌生，所以如果有任何明显的错误，请多多包涵。
我创建了一个示例来模拟我正在编码的内容并显示我正在经历的行为。可以在这里找到：http://live.datatables.net/sozobucu/edit
响应式插件无法确定隐藏的 table 的列要求。因此，在显示 table 之后（选项卡已更改），需要调用以下命令来重新计算列：
$($.fn.dataTable.tables(true)).DataTable().columns.adjust().responsive.recalc();
这些调用在 DataTables 10.7 中无法正常运行，但已在最近的夜间构建中得到修复。在短期内，我们将使用每晚构建，直到此修复程序成为正式版本。希望这对遇到同样问题的人有所帮助。
讨论可以关注here.
我有 2 个 bootstrap 孔，每个孔都包含一对标签。每个选项卡包含一个数据表（总共有 4 个）。当我加载页面时，前两个数据表按预期完美工作。当我切换选项卡时，呈现的 tables 始终包含 1 列（无论列大小如何），其余部分是子行的一部分。我已经尝试了几乎所有方法来让 table 正确绘制。如果有人有任何建议，请告诉我。另外，我对网络 UI 代码有些陌生，所以如果有任何明显的错误，请多多包涵。
我创建了一个示例来模拟我正在编码的内容并显示我正在经历的行为。可以在这里找到：http://live.datatables.net/sozobucu/edit
响应式插件无法确定隐藏的 table 的列要求。因此，在显示 table 之后（选项卡已更改），需要调用以下命令来重新计算列：
$($.fn.dataTable.tables(true)).DataTable().columns.adjust().responsive.recalc();
这些调用在 DataTables 10.7 中无法正常运行，但已在最近的夜间构建中得到修复。在短期内，我们将使用每晚构建，直到此修复程序成为正式版本。希望这对遇到同样问题的人有所帮助。
讨论可以关注here.