Table Style Examples: Difference between revisions

From Xen
Jump to navigationJump to search
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