На главную Статьи Функции

Чередование фона строк в таблице




Очень часто на различных сайт мы сталкиваемся с выводом таблицы с чередованием фона строк. Данный прием позволяет повысить читаемость таблицы. Рассмотрим метод реализации данного вывода. Итак, возмем таблицу articles из этой статьи. Нужно реализовать вывод идентификатора статьи и названия в таблицу из двух столбцов:

$q=mysql_query(“SELECT * FROM articles ORDER BY id ASC”);
Данные выбраны, дальше реализуем вывод таблицы с чередованием фона, для этого создадим в подключаемом CSS файле два стиля с разным фоном:
tr.style1 {background-color:#CCCCCC;}
tr.style2 { background-color:#FFFFFF;}
ну и окончательно вывод таблицы на страницу будет выглядеть так:
<table>
<?php
$i=1;
while ($articles=mysql_fetch_assoc($q))  {
?>
<tr
<?php
if ($i%2) {
echo ‘ class=”style1”’;
}
else {
echo ‘ class=”style2”’;
}
?>

<td><?php echo $articles[‘id’]?></td>
<td><?php echo $articles[‘name’]?></td>
</tr>
<?php
$i++;
}
?>
</table>
Основное что нужно запомнить:
1.Запись $i++ - увеличивающая счетчик на единицу на каждом шаге цикла.
2.if ($i%2) - условие, определяющее делится ли счетчик на 2 без остатка.
Таким образом можно организовать вывод таблицы с чередованием фона строк. Аналогично можно реализовать вывод таблицы с заданным числом столбцов, где счетчик будет определять не фон ячейки, конец строки таблицы.



© 2010-2024 При использовании материалов ссылка на сайт www.webchaynik.ru обязательна

обратная связь