This is a page explaining how to create tables. If you need any help you can write on my message wall and I will try and help in anyway I can. Also if you have anything to add to the page or if you see an error I would appreciate it if you would let me know.

Creating a table looks complicated but after you start playing around with it a little everything will just click, trust me. Just cut and paste the code in the box using source mode and adjust it to your liking.

Contents 1 Table 1.1 Basic Table 1.2 Colored Table 1.3 Large Colored Table 2 Collapsible Table 2.1 Basic Collapsible Table 2.2 Colored Collapsible Table 2.3 Large Colored Table 3 Multi-Row Table 3.1 Basic Multi-Row Table 3.2 Colored Multi-Row Table 4 Additional Resources 5 Comments

TableEdit

Basic TableEdit

Example Table
I hope
this little
example table
helps you.
Good Luck.

{| style="border-collapse: collapse; border-width: 1px; border-style: solid;"
! Example Table
|-
| style="border-style: solid; border-width: 1px"| I hope
|-
| style="border-style: solid; border-width: 1px"| this little
|-
| style="border-style: solid; border-width: 1px"| example table
|-
| style="border-style: solid; border-width: 1px"| helps you.
|-
| style="border-style: solid; border-width: 1px"| Good Luck.
|}

Colored TableEdit

Example Table with Colors
I hope
this little
example table
helps you.
Good Luck.

{| style="border-collapse: collapse; border-width: 1px; border-style: solid; border-color: darkred; background-color: gold" class="toccolours collapsible"
! <span style="color: darkred;">Example Table with Colors</span>
|-
| style="border-style: solid;border-color: darkred; border-width: 1px"| I hope
|-
| style="border-style: solid;border-color: darkred; border-width: 1px"| this little
|-
| style="border-style: solid;border-color: darkred; border-width: 1px"| example table
|-
| style="border-style: solid;border-color: darkred; border-width: 1px"| helps you.
|-
| style="border-style: solid;border-color: darkred; border-width: 1px"| Good Luck.
|}

Large Colored TableEdit

Example Table at 2px
Go to
border-width: 1px
and change
1px part
to 2px

{| style="border-collapse: collapse; border-width: 2px; border-style: solid; border-color: darkred; background-color: gold" class="toccolours collapsible"
! <span style="font-family:Times New Roman; font-size:130%; color: darkred;">Example Table at 2px</span>
|-
| style="border-style: solid;border-color: darkred; border-width: 2px"| Go to
|-
| style="border-style: solid;border-color: darkred; border-width: 2px"| border-width: 1px
|-
| style="border-style: solid;border-color: darkred; border-width: 2px"| and change
|-
| style="border-style: solid;border-color: darkred; border-width: 2px"| 1px part
|-
| style="border-style: solid;border-color: darkred; border-width: 2px"| to 2px
|}

Collapsible TableEdit

Basic Collapsible TableEdit

Example Table
I hope
this little
example table
helps you.
Good Luck.

{| style="border-collapse: collapse; border-width: 1px; border-style: solid;" class="toccolours collapsible"
! Example Table
|-
| style="border-style: solid; border-width: 1px"| I hope
|-
| style="border-style: solid; border-width: 1px"| this little
|-
| style="border-style: solid; border-width: 1px"| example table
|-
| style="border-style: solid; border-width: 1px"| helps you.
|-
| style="border-style: solid; border-width: 1px"| Good Luck.
|}

Colored Collapsible TableEdit

Colored Collapsible Table
Insert Text Here
Insert Text Here
Insert Text Here
Insert Text Here
Insert Text Here

{| style="border-collapse: collapse; border-width: 1px; border-style: solid; border-color: DodgerBlue; background-color: LightBlue" class="toccolours collapsible"
! <span style="color: MidnihtBlue;"> Colored Collapsible Table </span>
|-
| style="border-style: solid;border-color: DodgerBlue; border-width: 1px"| Insert Text Here
|-
| style="border-style: solid;border-color: DodgerBlue; border-width: 1px"| Insert Text Here
|-
| style="border-style: solid;border-color: DodgerBlue; border-width: 1px"| Insert Text Here
|-
| style="border-style: solid;border-color: DodgerBlue; border-width: 1px"| Insert Text Here
|-
| style="border-style: solid;border-color: DodgerBlue; border-width: 1px"| Insert Text Here
|}

Large Colored TableEdit

Example Table at 2px
Go to
border-width: 1px
and change
1px part
to 2px

Multi-Row TableEdit

Basic Multi-Row TableEdit

Row 1 Title	Row 2 Title
Row 1 Text	Row 2 Text
Row 1 Text	Row 2 Text
Row 1 Text	Row 2 Text
Row 1 Text	Row 2 Text
Row 1 Text	Row 2 Text

{| style="border-collapse: collapse; border-width: 1px; border-style: solid;"
! style="border-style: solid; border-width: 1px"|Row 1 Title
! style="border-style: solid; border-width: 1px"|Row 2 Title
|-
| style="border-style: solid; border-width: 1px"|Row 1 Text
| style="border-style: solid; border-width: 1px"|Row 2 Text
|-
| style="border-style: solid; border-width: 1px"|Row 1 Text
| style="border-style: solid; border-width: 1px"|Row 2 Text
|-
| style="border-style: solid; border-width: 1px"|Row 1 Text
| style="border-style: solid; border-width: 1px"|Row 2 Text
|-
| style="border-style: solid; border-width: 1px"|Row 1 Text
| style="border-style: solid; border-width: 1px"|Row 2 Text
|-
| style="border-style: solid; border-width: 1px"|Row 1 Text
| style="border-style: solid; border-width: 1px"|Row 2 Text
|}

Colored Multi-Row TableEdit

Row 1 Title	Row 2 Title
Row 1 Text	Row 2 Text
Row 1 Text	Row 2 Text
Row 1 Text	Row 2 Text
Row 1 Text	Row 2 Text
Row 1 Text	Row 2 Text

{| style="border-collapse: collapse; border-width: 1px; border-style: solid;"
! style="border-style: solid; border-width: 1px; border-color: DodgerBlue; background-color: LightBlue"|Row 1 Title
! style="border-style: solid; border-width: 1px; border-color: DodgerBlue; background-color: LightBlue"|Row 2 Title
|-
| style="border-style: solid; border-width: 1px; border-color: DodgerBlue; background-color: LightBlue"|Row 1 Text
| style="border-style: solid; border-width: 1px; border-color: DodgerBlue; background-color: LightBlue"|Row 2 Text
|-
| style="border-style: solid; border-width: 1px; border-color: DodgerBlue; background-color: LightBlue"|Row 1 Text
| style="border-style: solid; border-width: 1px; border-color: DodgerBlue; background-color: LightBlue"|Row 2 Text
|-
| style="border-style: solid; border-width: 1px; border-color: DodgerBlue; background-color: LightBlue"|Row 1 Text
| style="border-style: solid; border-width: 1px; border-color: DodgerBlue; background-color: LightBlue"|Row 2 Text
|-
| style="border-style: solid; border-width: 1px; border-color: DodgerBlue; background-color: LightBlue"|Row 1 Text
| style="border-style: solid; border-width: 1px; border-color: DodgerBlue; background-color: LightBlue"|Row 2 Text
|-
| style="border-style: solid; border-width: 1px; border-color: DodgerBlue; background-color: LightBlue"|Row 1 Text
| style="border-style: solid; border-width: 1px; border-color: DodgerBlue; background-color: LightBlue"|Row 2 Text
|}

Additional ResourcesEdit

Here are all of the colors available. You can use these to make the colored tables. Help:Colors

v - dThe Wikibender's Guide
Customized Text • Userboxes • Custom Userboxes • Infoboxes • Tables
Basic Templates and Tools • Custom Signatures