Better alternating row colors

Submitted on: 1/7/2015 4:35:00 AM
By: mike (from psc cd)  
Level: Intermediate
User Rating: By 7 Users
Compatibility: ASP (Active Server Pages), HTML, VbScript (browser/client side)
Views: 2094
     Present a simple method for creating tables with alternating row colors.

This article has accompanying files


Alternating Row Colors:

Using an array and two variables along with the MOD function you can create many various effects for alternating row colors in your tables. The Key is the MOD function, this creates an incrementing loop through the array.

Here's how easy it is; (The two hilighted sections are where the action takes place.)

Dim colorset, i, numcolors
'/--- This is your array of colors to use. -------------\ 
colorset = split("White,LightGrey,SkyBlue,Yellow",",")
numcolors = ubound(colorset)+1
 Response.Write "<TR style=""background:" & colorset(i mod numcolors) & ";"">"
 '[-- Add your column data in here --]
 Response.Write "</TR>"
 i = i + 1 '<-- Increment the counter 

Of course the array could be what ever information you want to cycle through, like class names from a stylesheet, or...

winzip iconDownload article

Note: Due to the size or complexity of this submission, the author has submitted it as a .zip file to shorten your download time. Afterdownloading it, you will need a program like Winzip to decompress it.Virus note:All files are scanned once-a-day by Planet Source Code for viruses, but new viruses come out every day, so no prevention program can catch 100% of them. For your own safety, please:
  1. Re-scan downloaded files using your personal virus checker before using it.
  2. NEVER, EVER run compiled files (.exe's, .ocx's, .dll's etc.)--only run source code.

If you don't have a virus scanner, you can get one at many places on the net

Other 1 submission(s) by this author


Report Bad Submission
Use this form to tell us if this entry should be deleted (i.e contains no code, is a virus, etc.).
This submission should be removed because:

Your Vote

What do you think of this article (in the Intermediate category)?
(The article with your highest vote will win this month's coding contest!)
Excellent  Good  Average  Below Average  Poor (See voting log ...)

Other User Comments

 There are no comments on this submission.

Add Your Feedback
Your feedback will be posted below and an email sent to the author. Please remember that the author was kind enough to share this with you, so any criticisms must be stated politely, or they will be deleted. (For feedback not related to this particular article, please click here instead.)

To post feedback, first please login.