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 |
| column-head1 | column-head2 |
|---|---|
| cell-data | cell data |
| cell-data | cell data |
| cell-data | cell data |
| cell-data | cell data |
| cell-data | cell data |