BIT Consultants » CSS http://www.bitconsultants.net Sat, 28 Jan 2012 02:19:29 +0000 en hourly 1 http://wordpress.org/?v=3.0.5 Alternating Table Rows with PHP http://www.bitconsultants.net/2008/alternating-table-rows-with-php/ http://www.bitconsultants.net/2008/alternating-table-rows-with-php/#comments Tue, 09 Sep 2008 05:44:22 +0000 Rob http://www.bitconsultants.net/?p=140 Read More...]]> Using PHP and CSS, it’s very easy to create a report-style table with alternating colors on each row. This setup assumes a connection to a MySQL database (though any supported DBMS will work), and that you have already queried your database and are ready to work with the results in your php code.

CSS

.norm{
color:#fff;
background-color:#000;
}

.alt{
color:#000;
background-color:#fff;
}

PHP Code:


<?php

$style = 0;//switch to know which row we are on
echo '<table>';
while($row = mysql_fetch_array($query))
{
$name = $row['name'];//for each corresponding column name you wish to show
$add   =  $row['address'];
$email = $row['email'];

if($style == 0)
{
echo '<tr class="norm">';
echo '<td>'.$name.'</td>';
echo '<td>'.$add.'</td>';
echo '<td>'.$email.'</td>';
echo '</tr>';
$style++;
}else{
echo '<tr class="alt">';
echo '<td>'.$name.'</td>';
echo '<td>'.$add.'</td>';
echo '<td>'.$email.'</td>';
echo '</tr>';
$style--;
}
}
echo '</table>';

?>

That’s all, not much to it really.

Edit: It should be stated that this could be accomplished in a much more simple manner using the ternary operator to conditionally set the class, here is what that would look like:


<?php

$style = 'norm';//switch to know which row we are on
echo '<table>';
while($row = mysql_fetch_array($query))
{
$name = $row['name'];//for each corresponding column name you wish to show
$add   =  $row['address'];
$email = $row['email'];
echo '<tr class="'.$style.'"> ';
echo '<td>'.$name.'</td>';
echo '<td>'.$add.'</td>';
echo '<td>'.$email.'</td>';
echo '</tr>';
$style = ($style == 'norm') ? 'alt' : 'norm';
}
echo '</table>';

?>
]]> http://www.bitconsultants.net/2008/alternating-table-rows-with-php/feed/ 0