JSPWiki: BrushedTemplateZebraTable

Usage #

Put a %%zebra-table around the table you would like to color. You can now also specify the odd and/or even colors using html hex color values or HTMLColorNames like aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow and transparent.

 
%%zebra-table ... %%
%%zebra-<colorOdd> ... %%
%%zebra-<colorOdd>-<colorEven> ... %%

%%zebra-table 
|| column-head1 || column-head2 
| cell-data | cell data 
| cell-data | cell data 
| cell-data | cell data 
%%

You can see the result here

normal table

column-head1	column-head2
cell-data	cell data
cell-data	cell data
cell-data	cell data

zebra table with odd rows styled according to jspwiki.css

column-head1	column-head2
cell-data	cell data
cell-data	cell data
cell-data	cell data
cell-data	cell data
cell-data	cell data

zebra table with odd rows colored #33ff99 .

column-head1	column-head2
cell-data	cell data
cell-data	cell data
cell-data	cell data
cell-data	cell data
cell-data	cell data

zebra table with odd and even rows colored

column-head1	column-head2
cell-data	cell data
cell-data	cell data
cell-data	cell data
cell-data	cell data
cell-data	cell data