Zebra Table

This style renders alternate row coloring for large tables. You can do this by enclosing the table inside %%zebra-table %% tags.

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

Back to Help

All Pages

Email

ASP

JSP

C#

Web Mail

Windows Plesk

Linux Plesk

PHP

ASP.NET

Persits ASPUpload

Wiki Help

  Page Info My Prefs Log in
This page (revision-2) last changed on 15:59 15-Nov-2006 by Administrator.
 
Page Hit Count: 67

Referring Pages:
...nobody

JSPWiki v2.4.71