Как получить альтернативный цвет строк при разбивке на страницы и сортировке таблицы?

Question

У меня есть демо по следующей ссылке:

http://mywebbapp.com/tableSortingDemo.html

Когда вы щелкаете по столбцу «Состояние» и начинаете сортировку, а затем нажимаете на стрелку нумерации страниц, чтобы перейти на страницу 2, строки не меняют цвет, пока вы снова не щелкнете по столбцу «Состояние». Есть ли сценарий, который я могу написать, чтобы решить эту проблему?

Answer 1

Да, хотя я предлагаю использовать готовую таблицу, такую ​​как DataTables .

Вот небольшой плагин jQuery, который можно использовать, если вы можете активировать его при разбивке на страницы:

jQuery.fn.stripe = function() {
    $(this).find('tr').removeClass('even odd').filter(':odd').addClass('odd').end().find('tr:even').addClass('even');
}

$('#table').stripe();

Тогда убедитесь, что у вас есть CSS, который меняет цвет:

tr.odd { background: #fff }
tr.even { background: #ddd }

Answer 2

Похоже, ваша логика, чтобы указать цвета фона для строк просто работает не в том месте. Не видя ваш код, невозможно по-настоящему отладить его.