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

Question

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

我创建了一个模仿我编码的例子,并展示了我正在经历的行为.它可以在这里找到:http://live.datatables.net/sozobucu/edit

Answer 1

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

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

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

这里可以进行讨论.