bootstrap选项卡内的多个表尾初始化仅适用于一个表

yhived7q  于 2023-09-28  发布在  Bootstrap
关注(0)|答案(1)|浏览(104)

我有2个表在每个选项卡中的引导选项卡与隐藏的div活动时,选项卡被点击。默认选项卡工作正常。但其余的标签行为荒谬。我试了以下代码:

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

});

但问题是它只对一张table有效。对于表的其余部分,它不起作用。

c9qzyr3d

c9qzyr3d1#

我知道这是一个旧的职位,太晚了,以解决OP的问题,但我到达这个页面与相同的问题。希望我的回答能对下一个来这里的人有所帮助。
问题是,在非活动选项卡上,它们的CSS值为display: none,这意味着当初始化Footable时,表的维度返回为0,这会导致问题。
解决这个问题的方法是在选择一个新的标签时触发一个调整大小。

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

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

相关问题