How can I create an automatically generated alteranate table row color ?

Posted by UXdesigner on Stack Overflow See other posts from Stack Overflow or by UXdesigner
Published on 2010-04-07T15:26:58Z Indexed on 2010/04/07 15:33 UTC
Read the original article Hit count: 320

Filed under:
|
|
|
|

Good day,

I've been trying to make this CSS code work:

table.mytable { margin: 0; padding: 0; border: 0; font-size: 0.8em; border-collapse: collapse; } table.mytable td, table.mytable th {
width: auto;
padding: 2px 4px;
vertical-align: top;
}
table.mytable th {
color: #fff;
background:url(images/header-bg.gif);
text-align: left;
}
table.mytable tr.alternateColor {
background-color:#E9F3FC;
}

well, it works, if I do write it manually. But as the tables are going to be generated thru asp.NET (Aspx) , which is not manually created- I'd like my table to generate the alternate rows. I've been trying to make this work with Javascript, but I can't figure it out and I believe this is a good resource site.

I've been using a manual table with Adobe Dreamweaver cs4 as a test, but I have to put the class of "alternatecolors" in order to make them appear, and I can't do this normally.:

Question is , can someone provide me a good Javascript that I would put in the header of the file, and actually help me out to make this work ? I think I'm burned...or maybe I can't see what others see quickly due to the amount of time I've spent.

I just tried posting the code of my table here, but I couldn't get it well formatted and I got to run...

I'm not using an 'id' on this table, but the class is 'mytable'.

Thank you so much for your good help.

© Stack Overflow or respective owner

Related posts about css

Related posts about JavaScript