[PHP] [TUT] How to make alternating table rows

[Markshall]

Ever wondered how people get those tables where each row has a different colour on them?

For example:

I just stole that off Google as an example.

Well, in this tutorial I am going to show you how to achieve that result. It's such an easy code and not very hard to remember.

<?php
$table_data = array( "Mark" => "Eriksson",
                              "Steve" => "Jobs",
                              "Mark" => "Zuckerberg" ); //the data to put in a table, this will probably be retrieved from a database in your code.
 
$i = 0; //This is important, it tells the proceeding code what row class to use.
 
echo '<style>
.row-a { background-color: blue; }
.row-b { background-color: pink; }
</style>
 
<table>
    <thead>
        <th>First Name</th>
        <th>Last Name</th>
    </thead>
 
    <tbody>';
 
foreach ( $table_data as $firstname => $lastname )
{
    if ( $i == 0 ) //If $i is equal to 0, use 'row-a' and set $i to 1
    {
        $i++;
        $class = "a";
    }
    else // $i is not equal to 0, instead it is set to 1, so use class 'row-b' and set $i to 0
    {
        $i--;
        $class = "b";
    }
    echo '<tr class="row-"' . $class . '">
        <td>' . $firstname . '</td>
        <td>' . $lastname . '</td>
    </tr>';
}
 
echo '</tbody></table>';
?>

Now I'm not going to lie, I'm not even sure if that would work. I coded it in the post box on here so give it a try if you like.

Anyway, if the script above works, I hope it helps you in whatever you use it for.

- Mark.

 

[Gibbo]

Thanks bro, been looking for this for a while <3

 

[Markshall]

I'm not the best at explaining things, so I hope it makes sense lol

 

[Kryptos]

Yea it should work, nice thread!

 

[Markshall]

Thanks Christ!

By the way, MAKE SURE the if statement is inside the foreach statement.

 

[RastaLulz]

Why not do it like this?

$class = ($i % 2 ? 'a' : 'b'); $i++;

Anyways, thanks for the share.

 

[Markshall]

Why not do it like this?

$class = ($i % 2 ? 'a' : 'b'); $i++;

Anyways, thanks for the share.

Didn't know you could do it that way - nice code