Help:How to make tables - Revision history

Harry: /* Table attributes */

2009-02-17T18:27:36Z

Table attributes

Harry at 18:05, 14 September 2008

2008-09-14T18:05:42Z

Harry: /* Extra elements */

2008-09-13T21:42:37Z

Extra elements

Harry: /* Extra elements */

2008-09-13T21:41:51Z

Extra elements

Harry at 21:40, 13 September 2008

2008-09-13T21:40:08Z

Harry at 21:39, 13 September 2008

2008-09-13T21:39:38Z

Show changes

Harry: /* Headers on rows */

2008-04-21T20:45:44Z

Headers on rows

Harry: 95 revision(s)

2008-02-02T04:28:09Z

95 revision(s)

Harry: /* Attributes on cells */

2008-01-24T01:28:40Z

Attributes on cells

Harry: /* Attributes on cells */

2008-01-24T01:28:16Z

Attributes on cells

@@ Line 210: / Line 210: @@
 |}
 |}
 ===Attributes on headers===

@@ Line 165: / Line 165: @@
 ==Table attributes==
+A table's color, position, width, and other characteristics can be modified by adding attributes to it. Below there is a list of all of the modifications that can be applied to a table. An attribute is always put after the first part of the line <nowiki>({|, !, |+, |)</nowiki> like this <nowiki>{|width="100%"</nowiki> and for places where you are writing text after the attribute you need to put a pipe in between the attribute and text like this <nowiki>|colspan="2"|text</nowiki>.
-===Attributes on headers===
+{|class="wikitable"
-{|width="100%"
+!width="25%"|Modification
-!You type
+!width="25%"|How to do it
-!You get
+!width="25%"|Example
 |-
-|width="50%"|
+|Put a caption at the bottom of a table
-<pre>
+|Add <pre>align="bottom"|</pre> after the <nowiki>|+</nowiki> part of the header line. After the pipe add the text of the header.
-{|border="1"
+|<pre>{|class="wikitable"
-!align="right" style="color:green;"|Cabin
+|+align="bottom"|Caption
-!style="background-color:black;color:white"|Campers
+!Cabin
 |-
 |Cabin 1
@@ Line 188: / Line 190: @@
 |Buzzard's Roost
 |8
-|}
+|}</pre>
 </pre>
-|width="50%"|
+{|class="wikitable"
-{|border="1"
+|+align="bottom"|Caption
-!align="right" style="color:green;"|Cabin
+!Cabin
-!style="background-color:black;color:white"|Campers
+!Campers
 |-
 |Cabin 1
@@ Line 209: / Line 211: @@
 |}
-==Justification==
-You can make a table appear on the right or middle of a page by using the align attribute like this: {|align="right". You can also set it to "center". If you want to make the table be in the center and have it have a border you can add multiple attributes to it like this: {|align="right" border="1". Below you can see some examples.
-===Right===
 {|width="100%"
 !You type
@@ Line 218: / Line 228: @@
 |width="50%"|
 <pre>
-{|align="right" border="1"
+{|border="1"
-!Cabin
+!align="right" style="color:green;"|Cabin
-!Campers
+!style="background-color:black;color:white"|Campers
 |-
 |Cabin 1
@@ Line 236: / Line 246: @@
 </pre>
 |width="50%"|
-{|align="right" border="1"
+{|border="1"
-!Cabin
+!align="right" style="color:green;"|Cabin
-!Campers
+!style="background-color:black;color:white"|Campers
 |-
 |Cabin 1
@@ Line 253: / Line 263: @@
 |}
 |}
-===Center===
 {|width="100%"
 !You type
@@ Line 260: / Line 273: @@
 |width="50%"|
 <pre>
-{|align="center" border="1"
+{|align="right" border="1"
 !Cabin
 !Campers
@@ Line 278: / Line 291: @@
 </pre>
 |width="50%"|
-{|align="center" border="1"
+{|align="right" border="1"
 !Cabin
 !Campers
@@ Line 295: / Line 308: @@
 |}
 |}
-==Captions==
+===Center===
 {|width="100%"
 !You type
@@ Line 304: / Line 315: @@
 |width="50%"|
 <pre>
-{|border="1"
+{|align="center" border="1"
 !Cabin
 !Campers
@@ Line 323: / Line 333: @@
 </pre>
 |width="50%"|
-{|border="1"
+{|align="center" border="1"
 !Cabin
 !Campers
@@ Line 341: / Line 350: @@
 |}
 |}
 ===Attributes on captions===
 You can put some attributes on captions by adding the attribute after the |+ and putting another | after the attribute like this.

@@ Line 60: / Line 60: @@
 |To make bold headers appear on top of the columns, make a number equal to the number of columns of new lines between the line that initiates the table and the line that starts the first row, starting each new line with an exclamation point. After the first exclamation point put the words of the first header, after the second exclamation point the words of the second header, and so on. After you type in the headers it is important that you start the first row of cells with a line that has <nowiki>|-</nowiki> even though it is the first row.
 |<pre>
-{| class="wikitable"
+{|class="wikitable"
 !Cabin
 !Number of campers
@@ Line 78: / Line 78: @@
 </pre>
+|
-{|class="wikitable" align="center"
+{|class="wikitable"
 !Cabin
 !Number of campers

@@ Line 78: / Line 78: @@
 </pre>
+|
-{| class="wikitable"
+{|class="wikitable" align="center"
 !Cabin
 !Number of campers
@@ Line 163: / Line 163: @@
 |}
 |}
 ==Table attributes==

@@ Line 4: / Line 4: @@
 To start a table make a line with just {| and nothing else. On the next line put a | which means you are making a cell in the first row and put the contents of that cell on the rest of the line. On the next line you can put another | and the contents of the second cell if you have one. Make as many cells in a row as you want using more lines starting with |. To start the second row put |- on the next line to signify a new row. Think of it as making a table row by row. To finish the table make a line at the end with |}. You can put whatever you want in the cells of a table: text, images, links, even tables. By default a table does not have a border, to make a it have a border add class="wikitable" after the {| on the first line.
-==Examples==
+===Examples===
 Below there is an example of a table without borders and an example of a table with borders.
 {|

@@ Line 139: / Line 139: @@
 {|border="1"
 !Name
-|Adric Allie
+|Adric A.
-|Will Brewster
+|Will B.
-|Teddy Brown
+|Teddy B.
 |-
 !Seal time
@@ Line 152: / Line 152: @@
 {|border="1"
 !Name
-|Adric Allie
+|Adric A.
-|Will Brewster
+|Will B.
-|Teddy Brown
+|Teddy B.
 |-
 !Seal time
@@ Line 162: / Line 162: @@
 |}
 |}
 ===Attributes on headers===
 {|width="100%"

← Older revision	Revision as of 04:28, 2 February 2008
(No difference)

@@ Line 596: / Line 596: @@
 |-
 |Buzzard's Roost
-|style="background-color:purple;color:yellow;"|8
+|style="background:purple;color:yellow;"|8
 |}
 |}

@@ Line 578: / Line 578: @@
 |-
 |Buzzard's Roost
-|style="background-color:purple;color:yellow;"|8
+|style="background:purple;color:yellow;"|8
 |}
 </pre>
@@ Line 599: / Line 599: @@
 |}
 |}
 ==Cells that span multiple columns==
 You can make a cell span multiple columns by adding an attibute to that cell called colspan.