我尝试通过twitter bootstrap集成的出色的适用于插件的插件未初始化。也就是说,感谢我的萤火虫检查器,我可以看到该表是由适用的插件处理的,但是我一直想隐藏的行:

data-hide="all"


可见。如果更改浏览器的大小,则该表具有我期望它在页面启动时应具有的行为。

我已经尝试过firefox / chrome和不同的jQuery版本,但还是一样!

我以最简单的示例为例,看看发生了什么,但是再没有运气了!据说footable正在与bootstrap一起工作。

我正在使用requireJS在页面上加载大量脚本,但没有出现此错误。我不明白表如何被footable识别,但是它的属性无法激活!

感谢您进行任何调查!

编辑:
我知道问题出在我的表在页面加载时位于隐藏的div中(使用引导向导),因此添加:

onTabShow: function(tab, navigation, index) {
if(index===3){
        $('.footable').trigger('footable_initialize');
}


}

做到了:)

最佳答案

这是因为fooTable在隐藏的div/tab中无法分辨屏幕的大小。

使用以下jQuery:

$(document).ready(function() {
    $('.nav-tabs a').click(function (e) {
        //prevents re-size from happening before tab shown
        e.preventDefault();
        //show tab panel
        $(this).tab('show');
        //fire re-size of footable
        $('.footable').trigger('footable_resize');
    });
});

09-25 19:26