HTML and CSS

Table row color altering based on conditions

Please support our HTML and CSS advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases

•

Join Date: Jul 2009

Posts: 8

Reputation: ritu_kr is an unknown quantity at this point

Solved Threads: 0

ritu_kr

Offline

Newbie Poster

Table row color altering based on conditions

Jul 14th, 2009

How do alternate table row colours dynamically using css only? Else with javascript? Can i use them inside struts iterate tag?

•

Join Date: Jan 2007

Posts: 276

Reputation: kanaku is on a distinguished road

Solved Threads: 15

kanaku

Offline

Posting Whiz in Training

Re: Table row color altering based on conditions

Jul 14th, 2009

What do you mean by dynamically alternate row colours? Are you generating the html for the rows dynamically? If so, you'll have to dynamically indicate the class of the rows too. Example, in your css:

Help with Code Tags

HTML and CSS Syntax (Toggle Plain Text)

.row1 {background-color: black};
.row2 {background-color: white};

Then in the script used to dynamically create the table, alternate between printing the row1 and row2 class:

 Help with Code Tags 
 HTML and CSS Syntax (Toggle Plain Text) 
foreach (rowelement) {
    if ($rowname = 'row1') $rowname = 'row2';
    else $rowname = 'row1';
    print "<tr class=$rowname>";
   }
foreach (rowelement) {
    if ($rowname = 'row1') $rowname = 'row2';
    else $rowname = 'row1';
    print "<tr class=$rowname>";
   }