javascript - Tablesorter 斑马在排序之前不会条纹

Question

我有自己的 table ，它们很棒，我可以对它们进行排序，而且效果非常好，只是在我第一次对它们进行排序之前，它们不会进行斑马条纹。我的理解是，一旦初始化表排序器，它们就会被 strip 化，不是这样吗？

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

Answer 1

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

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

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);