jquery - 引导选项卡内的多个可脚初始化仅适用于一个表

Question

我在引导选项卡的每个选项卡中有 2 个表，单击选项卡时隐藏的 div 处于活动状态。默认选项卡工作正常。但是选项卡的其余部分表现得很荒谬。我尝试了以下代码：-

$('#tradeswith').on( 'shown.bs.tab', function () {
        $('.footable').trigger('footable_initialize');           

});

但这里的问题是它只适用于一张桌子。对于桌子的其余部分，它不起作用。

Answer 1

我知道这是一篇旧帖子，解决 OP 的问题为时已晚，但我到达此页面时遇到了同样的问题。希望我的回答能帮助下一个到达这里的人。

问题是，在非活动选项卡上，它们有一个 CSS 值，display: none这意味着当 Footable 初始化时表格的尺寸返回为 0，这会导致问题。

解决方案是在选择新选项卡时触发调整大小。

$('#tradeswith').on( 'shown.bs.tab', function () {
    $('.footable').trigger('footable_resize');
});

这也适用于其他选项卡解决方案，您只需要监听触发的事件。