Difference between revisions of "Table Style Examples"

From Xen
(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