Table Style Examples
From Xen
Jump to navigationJump to search
This page contains examples of our table styles
Base Styles
class prettytable
Shopping List | |||||
---|---|---|---|---|---|
Bread & Butter | Pie | Buns | Danish | Croissant | |
Cheese | Ice cream | Butter | Yogurt |
Fruit | Price |
---|---|
Pears | £1.15 |
Apples | £0.95 |
Oranges | £0.85 |
class shadedtable
Shopping List | |||||
---|---|---|---|---|---|
Bread & Butter | Pie | Buns | Danish | Croissant | |
Cheese | Ice cream | Butter | Yogurt |
Fruit | Price |
---|---|
Pears | £1.15 |
Apples | £0.95 |
Oranges | £0.85 |
class shadedtable2
Shopping List | |||||
---|---|---|---|---|---|
Bread & Butter | Pie | Buns | Danish | Croissant | |
Cheese | Ice cream | Butter | Yogurt |
Fruit | Price |
---|---|
Pears | £1.15 |
Apples | £0.95 |
Oranges | £0.85 |
class wikitable
Shopping List | |||||
---|---|---|---|---|---|
Bread & Butter | Pie | Buns | Danish | Croissant | |
Cheese | Ice cream | Butter | Yogurt |
Fruit | Price |
---|---|
Pears | £1.15 |
Apples | £0.95 |
Oranges | £0.85 |
class zebra
Shopping List | |||||
---|---|---|---|---|---|
Bread & Butter | Pie | Buns | Danish | Croissant | |
Cheese | Ice cream | Butter | Yogurt |
Fruit | Price |
---|---|
Pears | £1.15 |
Apples | £0.95 |
Oranges | £0.85 |
Modifiers
These are table classes that modify an existing table classes behavior.
class fullwidth
Make a table the size of the page.
{| class="zebra fullwidth" ...
Example:
Fruit | Price |
---|---|
Apples | £0.95 |
class sortable
Make a table sortable.
{| class="prettytable sortable" ...
Note that in order for the icon to be shown, you need to add
{| class="prettytable sortable" |- ! Fruit {{Sortable}} !! Price {{Sortable}}
Example:
Fruit | Price |
---|---|
Pears | £1.15 |
Apples | £0.95 |
Oranges | £0.85 |