Difference between revisions of "Table Style Examples"
From Xen
Lars.kurth (talk | contribs) (→class sortable) |
Lars.kurth (talk | contribs) |
||
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 |