Brushed Template Zebra Table#
This JSPWiki 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 ##Test1 ##Test2
| 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 |