Editing Guide/Tables

Click to head back to the Editing Guide

Tables

Tables are not commonly used, but if you require a table the instructions below should help you craft a table to suit the needs of the article.

Tables should use a "class" design when possible, and should include as little 'fancy' formatting as possible. Tables can also be made sortable by adding a "sortable" class.

For long tables, it is recommended to create an "alt" class to alternate row colours to enhance readability. The below examples use "toccolours" as a class, but this is only for the purposes of demonstration, and isn't generally recommended.

With row headings, table caption, sortable

I am a caption Heading one Heading two Heading three Row heading 1 Row data 2b Row data 3c Row heading 2 Row data 2b Row data 3a Row heading 3 Row data 2c Row data 3b

{| class="toccolours sortable" |+ I am a caption |- ! Heading one || Heading two || Heading three |- | class="title" | Row heading | Row data 2 | Row data 3 |- | class="title" | Row heading | Row data 2 | Row data 3 |- | class="title" | Row heading | Row data 2 | Row data 3 |}

Without row headings, with alt rows

Heading one Heading two Heading three Row data 1 Row data 2 Row data 3 Row data 1 Row data 2 Row data 3 Row data 1 Row data 2 Row data 3 Row data 1 Row data 2 Row data 3

{| class="toccolours" |- ! Heading one || Heading two || Heading three |- | Row data 1 | Row data 2 | Row data 3 |- | Row data 1 | Row data 2 | Row data 3 |- class="alt" | Row data 1 | Row data 2 | Row data 3 |- | Row data 1 | Row data 2 | Row data 3 |- class="alt" | Row data 1 | Row data 2 | Row data 3 |}