Colors in php tables

Thanks for that, works perfectly. Here’s what I changed it to to alternate between two TR classes (odd and even)

If you’d like to have less in-line PHP, a great way of doing it is via JavaScript.

Don’t forget! If you use a Javascript solution (jquery, prototype or anything else) you will have a small flick when page loads. In fact, until the page is fully loaded, you won’t have the «Zebra» on your rows. For some people this might be a problem.

I second this as well. Making odd-numbered cells a different color is a design concern, so it would be best to deal with in in JS or CSS rather than the business logic (PHP).

Using CSS3 you can do something like this:

But better not use that for a few years if you actually want your users to see the color.

i always name my zebra rows «row0» and «row1» — this makes the code a bit simpler.

@thrashr :if you foreach ($rows as $i => $row) you can remove the $i = 0 . But all this depends on getting your rows as an array before you can foreach over them.

Maybe a function with a static variable?

Then to use it (using your example):

You only define the function once, then have a nice short and very readable call to the function everywhere you want to use it.

That seems like a pretty good example but it seems like for these basics it’s nice to have a snippet that you can just throw in whenever it pops up.

statics may be difficult to read/understand at first glance. The idiom in the OP is better understood. Also, this doesn’t work if you have more than one thing alternating at once (rows then columns, for example, would break with an odd number of columns).

Would be the simplest and clearest way to do it.

You can encapsulate the logic as follows:

nickf: (grin) Well, obviously you write the ListCycler class once and store it in your library code. When you use it, it is very simple — create a ListCycler object then call it repeatedly, all the logic is hidden.

Assuming you can use CSS3 selectors you can do something like

Even with CSS2 support and mootools (javascript library) you can substitute the style with this javascript

If you don’t have anything but php a it you can simplify a bit yous code using an array

That will generate a warning on the first iteration since $c is uninitialized, and also you’re referencing ‘c’ when you should be referencing ‘$c’, which will either generate an error or warning, or ineffective behavior. Can’t remember which.

It’s short enough as it is, but I would probably wrap it into some helper function with a clear name. That way it’s more obvious what’s going on and you won’t have to repeat that logic in all templates where you need it.

If you want to do it on the display end and are comfortable with or otherwise already using javascript, libraries like jQuery will often have :odd and :even selectors, which you can then hook up to adding specific style properties or hooking into CSS more generally by adding classes.

On a side noe, to alternate between two values a and b, a nice way of doing it in a loop is this:

You can also do this without addition and subtraction:

where ^ is the XOR operation.

If you just want to alternate between 0 and 1, you can do this:

You could of course use x as an index of colors, CSS style classes and so on.

function row_color($cnt,$even,$odd) < echo ($cnt%2) ? "" : ""; > 

$cnt=0; while ($row = mysql_fetch_array ($result))

You can abuse the $GLOBAL scope to store the current selected class state, see below table_row_toggle() function. Yes, I know its dirty to abuse the $GLOBAL scope, but hey, we’re here to fix problems ain’t we? 🙂

Calling the table row toggle function in HTML:

/* function to toggle row colors in tables */ function table_row_toggle() < /* check if $trclass is defined in caller */ if(array_key_exists('trclass', $GLOBALS)) < $trclass = $GLOBALS['trclass']; >/* toggle between row1 and row2 */ if(!isset($trclass) || $trclass == 'row2') < $trclass = 'row1'; >else < $trclass = 'row2'; >/* set $trclass in caller */ $GLOBALS['trclass'] = $trclass; /* write the desired class to the caller */ echo ' '; > 

Источник

PHP IF-statement to change color of table rows ?

I have the following code written below. With this code I want to fetch data from MySQL database and print(echo) the result in table rows, each row with different colour. With this code data is fetched from database successfully but my condition for change color of rows is not working. Please check my code and let me know where I’m wrong.

 "; if($count % 2 == 0)< echo ''; >else< echo ''; > echo ""; > ?>
'.$end['page_name'].'
'.$end['page_name'].'
 

5 Answers 5

You’re not initializing $count to 0 and you’re not incrementing $count anywhere.

 "; if($i % 2 == 0)< echo ''; >else< echo ''; > echo ""; $i++; > ?>
'.$end['page_name'].'
'.$end['page_name'].'
 

Even better would be using CSS, namely the odd and even selectors: http://www.w3.org/Style/Examples/007/evenodd

You need to put a count in the while loop rather than the total number returned by the query.

Not going to write the code for you.

Before while loop set counter to zero.

In while loop check condition of counter Then increase counter value by 1

If you like, you can shorten this code, and get the HTML out of the PHP code. This will allow editors like Notepad++ or NetBeans to highlight the HTML code too. Besided, you got that line of HTML only once, so it will be easier to maintain.

However, it is smartest to use css to style the alternating rows, or at least use a class to style the individual rows.

I used inline styling in my code which is dirty as it is. But bgcolor. Really? It is not even supported anymore in HTML 4.1 strict. It is old, it is icky.

Credit goes to Jeroen. It is his code I based this example on.

Источник

Create Table Rows With Alternate Colours in PHP

If you have a lot of rows on a table, users will find it difficult to find which cell is in what row. This is because all the rows have the same colour.

If we alternate the colours, then the table will be more understandable. We can alternate colours odd-even wise or by 3 rows etc.

It can be easily done in PHP. I will tell you two ways to do it.

Suppose this is how we output rows :

for($i=0;$i < 10;$i++)< echo "What's Up ?Sky (Troll Face)"; >

Odd-Even

Now let’s add blue colour to odd rows and green colour to even rows.

for($i=0;$i < 10;$i++)< $bg_color = $i % 2 === 0 ? "green" : "blue"; echo "What's Up ?Sky (Troll Face)"; > 

The table will looks something like this (forget the row contents) :

You can also add class to the row instead of setting the «style» attribute.

Multiple of A Number ‘n’

You can change colour of every 3rd element or nth element too :

$n = 3; for($i=0;$i < 10;$i++)< $bg_color = $i % $n === 0 ? "green" : "blue"; echo "What's Up ?Sky (Troll Face)"; > 

In the above case, all 3rd rows will have green background color and others would have a blue color :

You can change the value of $n as you like to change the row which will have the special background color.

Источник