Подсветка строк таблицы как?

Статус
В этой теме нельзя размещать новые ответы.

dandandan

Мой дом здесь!
Регистрация
7 Авг 2008
Сообщения
1.036
Реакции
293
С помощью jquery можно легко сделать так, чтобы строки таблиц попеременно были разного цвета: красный, синий, красный, синий.

вот 1 из примеров: строки подсвечены голубой, белый.

А как такое можно сделать просто с помощью css ?
Вариант в четных строках прописывать class="first" в нечетных class="second" не катит :).
 
JS:
$(".row table tr:even:not(tr.rowTitle)").addClass("even");
css:
.row {background:#FFF}
.row .even {background:#000;}
html:
<div class="row">
<table>
<tr class="rowTitle">
<td></td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td></td>
</tr>
</table>
</div>
Каждому 2-му tr будет прибавлен класс even после обработки скрипта. Соответственно кроме 1-го tr, который может являться заголовком.
 
Хотелось бы исключить присутствие ява скрипта и не заморачиваться с прописанием классов для каждой четной строки (сейчас именно так и делаю).
 
Знаю еще один спорный метод, но смогу лишь намекнуть т.к. даже не понимаю, что за язык в нем задействован. Вот наглядно:

<tr class="{%if $dat_id mod 2 == 0%}even{%else%}odd{%/if%}">

В этом случае обработка происходит до отрисовки странички. Быть может, это php, но код явно кривожопый, т.к. был прописан в одном из tpl шаблонов на сайте с работы. Это я и переделал на Jquery.

Добавлено через 6 минут
Кстати вспомнил, похоже на синтаксис шаблонизатора smarty.. Вроде это оно :))
 
mittus, спасибо. Не знаю как ТС, но мне помогло.
 
С помощью jquery можно легко сделать так, чтобы строки таблиц попеременно были разного цвета: красный, синий, красный, синий.
вот 1 из примеров: строки подсвечены голубой, белый.
*** скрытое содержание ***
А как такое можно сделать просто с помощью css ?
Вариант в четных строках прописывать class="first" в нечетных class="second" не катит :).
Для просмотра ссылки Войди или Зарегистрируйся
 
Статус
В этой теме нельзя размещать новые ответы.
Назад
Сверху