%%table-bordered
%%table-hover
GeoHazardWatch supports JSPWiki-compatible table syntax with modern styling extensions.
Use double pipes (||) for header cells:
|| Column 1 || Column 2 || Column 3 ||
Use single pipes (|) for data cells:
| Data 1 | Data 2 | Data 3 |
|| Name || Age || City ||
| Alice | 28 | Boston |
| Bob | 35 | Seattle |
| Carol | 42 | Denver |
Yields:
| Name | Age | City |
|---|---|---|
| Alice | 28 | Boston |
| Bob | 35 | Seattle |
| Carol | 42 | Denver |
Apply styles using the %%style-name and /% syntax:
| Style | Description |
%%zebra-table |
Alternating row colors |
%%table-striped |
Bootstrap-style striping |
%%table-bordered |
Borders on all cells |
%%table-hover |
Highlight row on hover |
%%table-fit |
Auto-width (content sized) |
%%table-sm |
Compact/condensed padding |
%%table-responsive |
Horizontal scroll on mobile |
| Style | Description |
%%sortable |
Click headers to sort |
%%table-sort |
Same as sortable |
%%table-filter |
Add filter row for searching |
Use %%zebra-HEXCOLOR for custom stripe colors:
%%zebra-e0ffe0
|| Name || Score ||
| Alice | 95 |
| Bob | 87 |
/%
Yields
| Name | Score |
|---|---|
| Alice | 95 |
| Bob | 87 |
Nest multiple styles (each needs matching /%):
%%table-bordered
%%table-hover
%%sortable
|| Product || Price || Stock ||
| Laptop | $999 | 15 |
| Mouse | $25 | 150 |
/%
/%
/%
| Product | Price | Stock |
|---|---|---|
| Laptop | $999 | 15 |
| Mouse | $25 | 150 |
See Table Examples for more examples and advanced usage, and WikiFormatting for general formatting syntax.