Alternating colors in a table

Question

I am putting together a page that displayes dynamically
generated HTML tables.
There are three tables on the page that are generated from
the same database however I cannot seem to find a way to generate
alternating row colors. I try to use:
<CFOUTPUT QUERY="GetTableData">
<TR BGCOLOR="###IIF(GetTableData.currentrow MOD 2, DE
('E6E6E6'), DE('C0C0C0'))#">
but the row colors are being grouped so that 2 or 3 rows are
the same color and then maybe 5-6 are the other color. There is no
consistency.
Anybody have any ideas on how to resolve this?

Answer 1

Create 2 css classes that represent you're alternating row
colors and use this UDF and it will adapt to missing rows from the
query.
<style>
.ResultSetA {
background-color: #FFFFFF;}
.ResultSetB {
background-color: #D7DBFF;}
</style>
used like : <tr
class="#alternateRow('ResultSetB,ResultSetA')#">
// alternateRow(styleList[,clear])
// @styleList (list - classes to cycle through)
// @clear (string - anything)
// returns a CSS class
// Example #alternateRow('ResultSetA,ResultSetB')#
function alternateRow(styleList)
var class = "";
if (not isDefined("styleNumber") OR arraylen(arguments) GT
1) {
styleNumber = 1;
class = listGetAt(styleList,styleNumber);
if (styleNumber EQ listLen(styleList)) {
styleNumber = 1;
} else {
styleNumber = styleNumber + 1;
return class;
}