表分拣机 - 斑马剥离

时间:2012-08-17 15:37:12

标签: jquery jquery-plugins tablesorter zebra-striping

我正在使用这种表格分类器与斑马剥离。我正在使用下拉菜单选项进行排序。我有两个问题。

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

如果是正常情况,我会有灰色,白色,灰色的顺序。

现在假设上面的白行是我正在讨论的特殊行。然后它会变灰。所以现在我们有三个灰色行而不是灰色白色灰色。

有什么方法可以让zebra小部件明智地注意到前一个是特殊行(总是灰色),它应该使当前行为白色。

1 个答案:

答案 0 :(得分:0)

考虑以下代码(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";
                }
            }
        }
    }
}

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