Tablesorter斑马没有条纹直到排序

Question

我有我的桌子,他们很棒,我可以对它们进行排序,它的效果非常好,除非它们不进行斑马条纹,直到我第一次对它们进行排序.我的理解是,一旦表分拣机初始化它们就会被条纹化,是不是这样呢？

这是来自这里的tablesorter v 2.10(最新版):http://mottie.github.io/tablesorter/docs/index.html

Answer 1

您的问题很可能与display: none在您的表格上初始化 tablesorter 时表格不可见 ( )的事实有关。

一种可能的解决方案是仅在表可见时执行以下初始化：

if($('tab_parent_of_the_table').is(':visible')) {
    $("your_table_table").tablesorter({
       widgets: ['zebra']
    });
}

更好的解决方案是使用超时来包装可见性检查，因为通常它是在应用可见性更改之前完成的，从而导致错误语句。这样做：

setTimeout(function(){
    if($('tab_parent_of_the_table').is(':visible')) {
        $("your_table_table").tablesorter({
           widgets: ['zebra']
        });
    }
}, 50); 

Answer 2

事实证明，问题在于，如果您的表格被隐藏，display: none或者表格的父项被隐藏，display: none那么斑马小部件在第一次排序之前不会应用。