桌子分拣机-斑马剥离

Posted 2023-05-09

【中文标题】桌子分拣机-斑马剥离

【英文标题】：table sorter- zebra stripping

【发布时间】：2012-08-14 01:57:11

【问题描述】：

我正在使用这个带斑马剥离的表格分拣机。我正在使用下拉菜单选项进行排序。我有两个问题。

1) 我有灰色和白色交替的行。但我有一些特殊的行总是灰色的。

假设如果是正常情况，我会有灰色、白色、灰色的顺序。

现在假设上面的白色行是我正在谈论的特殊行。那么它将是灰色的。所以现在我们有三行灰色而不是灰色白色灰色。

斑马小部件有什么办法可以智能地注意到，由于前一个是特殊行（总是灰色），它应该使当前行为白色。

【问题讨论】：

我猜，如果我可以说斑马小部件跳过那些特殊的行，我的问题就解决了。但我怎么知道

一些代码或示例可能会有所帮助。

【参考方案1】：

考虑以下代码 (http://jsfiddle.net/cqN5W/)：

var tables = document.getElementsByTagName("table");
var i;
for (i in tables) 
    if (tables.hasOwnProperty(i) && typeof tables[i] === "object") 
        var rows = tables[i].getElementsByTagName("tr");
        var counter = 0;
        var j;
        for (j in rows) 
            if (rows.hasOwnProperty(j)) 
                if (rows[j].className.indexOf("gray") === -1) 
                    counter++;
                
                if (counter % 2) 
                    rows[j].className += " gray";
                
            
        
    

它会记住哪些行已被明确标记为“灰色”，并将这些行纳入其着色中。