我有2个表在每个选项卡中的引导选项卡与隐藏的div活动时,选项卡被点击。默认选项卡工作正常。但其余的标签行为荒谬。我试了以下代码:
$('#tradeswith').on( 'shown.bs.tab', function () {
$('.footable').trigger('footable_initialize');
});
但问题是它只对一张table有效。对于表的其余部分,它不起作用。
我有2个表在每个选项卡中的引导选项卡与隐藏的div活动时,选项卡被点击。默认选项卡工作正常。但其余的标签行为荒谬。我试了以下代码:
$('#tradeswith').on( 'shown.bs.tab', function () {
$('.footable').trigger('footable_initialize');
});
但问题是它只对一张table有效。对于表的其余部分,它不起作用。
1条答案
按热度按时间c9qzyr3d1#
我知道这是一个旧的职位,太晚了,以解决OP的问题,但我到达这个页面与相同的问题。希望我的回答能对下一个来这里的人有所帮助。
问题是,在非活动选项卡上,它们的CSS值为
display: none
,这意味着当初始化Footable时,表的维度返回为0,这会导致问题。解决这个问题的方法是在选择一个新的标签时触发一个调整大小。
这也适用于其他选项卡解决方案,您只需要侦听触发的事件。