This site is hosted and sponsored by hyve.com specialists in
Cloud Hosting UK and
VMware Hosting. If you are interested in our services please call us for chat on 0800 612 2524
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:
| 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