Самый быстрый способ изменить цвет фона для видимых строк HTML-таблицы

У меня есть таблица HTML, в которой я динамически добавляю и скрываю строки, и я хочу, чтобы текущий набор видимых строк всегда отображался с альтернативным цветом фона для удобного чтения.

У меня есть следующий код, который функционально работает нормально, но является очень медленный (особенно в браузерах Internet Explorer)

$('table.alternateRow tr:visible').removeClass('odd').filter(':odd').addClass('odd');

вот мой css:

.alternateRow tr {
    background-color: #FFFFFF;
}

.alternateRow tr.odd {
    background-color: #DEDEDE;
}

Есть ли более быстрое решение для этого кода выше, которое применяется к видимым строкам, но не зависает в Internet Explorer. В моей таблице отображается около 150-200 строк

Кроме того, (по определенным причинам) я хочу по возможности избегать разбиения на страницы (в крайнем случае), так как это затрудняет чтение отчета

5
задан Yi Jiang 23 June 2011 в 12:20
поделиться