Difference between revisions of "Table Style Examples"
From Xen
Lars.kurth (talk | contribs) |
Lars.kurth (talk | contribs) (→class sortable) |
||
Line 47: | Line 47: | ||
You can use this attribute with other table styles. |
You can use this attribute with other table styles. |
||
{| class="zebra sortable" |
{| class="zebra sortable" |
||
+ | |- |
||
+ | ! Fruit !! Price |
||
+ | |- |
||
+ | | Apples || £0.95 |
||
+ | |- |
||
+ | | Oranges || £0.85 |
||
+ | |- |
||
+ | | Pears || £1.15 |
||
+ | |} |
||
+ | |||
+ | {| class="shadedtable sortable" |
||
|- |
|- |
||
! Fruit !! Price |
! Fruit !! Price |
Revision as of 11:27, 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 |
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 |