Table Style Examples: Difference between revisions
From Xen
Jump to navigationJump to search
Lars.kurth (talk | contribs) |
Lars.kurth (talk | contribs) No edit summary |
||
| Line 17: | Line 17: | ||
|} |
|} |
||
== class <em>shadedtable</em> == |
|||
{| class="shadedtable" |
|||
!colspan="6"|Shopping List |
|||
|- |
|||
|rowspan="2"|Bread & Butter |
|||
|Pie |
|||
|Buns |
|||
|Danish |
|||
|colspan="2"|Croissant |
|||
|- |
|||
|Cheese |
|||
|colspan="2"|Ice cream |
|||
|Butter |
|||
|Yogurt |
|||
|} |
|||
== class <em>sortable</em> == |
== class <em>sortable</em> == |
||
Revision as of 11:25, 23 June 2013
This page contains examples of our table styles
class prettytable
| Shopping List | |||||
|---|---|---|---|---|---|
| Bread & Butter | Pie | Buns | Danish | Croissant | |
| Cheese | Ice cream | Butter | Yogurt | ||
class shadedtable
| Shopping List | |||||
|---|---|---|---|---|---|
| Bread & Butter | Pie | Buns | Danish | Croissant | |
| Cheese | Ice cream | Butter | Yogurt | ||
class sortable
When a list of entries is included in a table on a page, you can use JavaScript to make the table 'sortable'. To do this, just add the "sortable" class to the table declaration:
| Fruit | Price |
|---|---|
| Apples | £0.95 |
| Oranges | £0.85 |
| Pears | £1.15 |
You can use this attribute with other table styles.
| Fruit | Price |
|---|---|
| Apples | £0.95 |
| Oranges | £0.85 |
| Pears | £1.15 |
class wikitable
| Shopping List | |||||
|---|---|---|---|---|---|
| Bread & Butter | Pie | Buns | Danish | Croissant | |
| Cheese | Ice cream | Butter | Yogurt | ||
class zebra
| Shopping List | |||||
|---|---|---|---|---|---|
| Bread & Butter | Pie | Buns | Danish | Croissant | |
| Cheese | Ice cream | Butter | Yogurt | ||
