Difference between revisions of "Tables - Mediawiki"

From Help Wiki
Line 22: Line 22:
 
</pre>
 
</pre>
  
{| class="wikitable"
+
 
|+ Table Caption
+
!width="10%"|Header 1
+
!width="10%"|Header 2
+
!width="10%"|Header 3
+
!width="70%"|Header 4
+
|-
+
| Cell 1 || Cell 2 || Cell 3|| Cell 4
+
|-
+
| Cell 5 || Cell 6 || Cell 7|| Cell 8
+
|-
+
| Cell 9 || Cell 10 || Cell 11|| Cell 12
+
|-
+
| Cell 13 || Cell 14 || Cell 15|| Cell 16
+
|}
+
  
 
The pretty styling happens by calling class="wikitable". This css must added to your Mediawiki:Common.css page. See this wiki's [[Mediawiki:Common.css|Common.css]] for an example.
 
The pretty styling happens by calling class="wikitable". This css must added to your Mediawiki:Common.css page. See this wiki's [[Mediawiki:Common.css|Common.css]] for an example.

Revision as of 16:22, 15 November 2016

Creating tables in a wiki can be surprisingly simple once you get the hang of it. You can of course use html to generate tables as well but once you get familiar with wiki tables you may want to switch over as they are easier to maintain and less intimidating to the non-html initiated.

Creating tables using wiki syntax

The following table was made with:

{| class="wikitable"
|+ Table Caption
!width="10%"|Header 1
!width="10%"|Header 2
!width="10%"|Header 3
!width="70%"|Header 4
|- 
| Cell 1 || Cell 2 || Cell 3 || Cell 4
|- 
| Cell 5 || Cell 6 || Cell 7 || Cell 8
|-
| Cell 9 || Cell 10 || Cell 11 || Cell 12 
|-
| Cell 13 || Cell 14 || Cell 15 || Cell 16
|}


The pretty styling happens by calling class="wikitable". This css must added to your Mediawiki:Common.css page. See this wiki's Common.css for an example.

See also