Comments on: Alternating Table Row Color With CSS Classes

By: Bhanu Shankar

Bhanu Shankar — Thu, 22 Oct 2009 11:09:50 +0000

Got the solution for this after doing some RnD…

table.Scheduler tr.alt td{
background: #eeeeee;
}

Hope this should do.

By: Bhanu Shankar

Bhanu Shankar — Thu, 22 Oct 2009 10:58:21 +0000

I am using a class name for the whole table like below
table.Scheduler {…..}

in this case how do I have alternative row colors?
“tr.alt” takes up the style for all the tables used in the page.

By: tiffany

tiffany — Sat, 29 Aug 2009 15:41:47 +0000

yeah, the code is very cool. i think it will be helpful for me

By: zerqain

zerqain — Fri, 13 Feb 2009 22:34:50 +0000

Another approach can be found in here;
http://www.alistapart.com/articles/zebratables

dating from MARCH 05, 2004.

By: AGE

AGE — Tue, 14 Oct 2008 02:54:47 +0000

Hi all,
I am new to web building. I stumbled this formatted schrolling table for viewing list of books. I need the list to be alternating colors. If possible, I would like a mouse over click on a single list item. Below is the current code. Any help will be much appreciated.

Thanks, AGE

[CODE]

the first list item
the second list item
the third list item
the first list item
the second list item
the third list item
the first list item
the second list item
the third list item
the first list item
the second list item
the third list item

By: Edward Poore

Edward Poore — Sun, 22 Jun 2008 15:57:39 +0000

Surely it’s more efficient to define the alt class on the tr element and then use a cascading selector to style the td and th elements?

…
…

and then in the CSS file have something like:

tr td {
/* styling for normal rows */
}
tr.alt td {
/* styling for alternate row */
}