devxlogo

Alternate Colors Every Other Row in a Table

Alternate Colors Every Other Row in a Table

Question:

I want to present the results of a search in a table with two background colors, so that every other row will change color. How can I do this?

Answer:

I’m assuming that you’re generating the table rows from some server-side process. You can define style sheet settings for the table cell (TD) tag in a general style sheet:

Then, when you generate the table rows and associated table cells, you can specify either of these class definitions for the row:

......

Conversely, you don’t have to use a style sheet; you can use the deprecated bgColor for either the TD tag or the TR tag:

...

devxblackblue

About Our Editorial Process

At DevX, we’re dedicated to tech entrepreneurship. Our team closely follows industry shifts, new products, AI breakthroughs, technology trends, and funding announcements. Articles undergo thorough editing to ensure accuracy and clarity, reflecting DevX’s style and supporting entrepreneurs in the tech sphere.

See our full editorial policy.

About Our Journalist