×
Namespaces

Variants
Actions

Help:Tables

From Nokia Developer Wiki
Jump to: navigation, search
Help.png
This Help topic explains how to create wiki tables. The wiki allows you to create tables using either its own syntax or standard HTML/XHTML – the benefit of the wiki syntax is that it is easier to see the structure of the table from the wiki text.


Using the Wiki Editor

The easiest way to create a table is to use the Wiki Editor Table button to create a "boilerplate" table which you can then edit with your own values.

WikiEditorAdvancedTableTool.png

The tool allows you to specify whether the table has a header row, borders, number of rows and columns, and whether it is sortable. The syntax and rendering of these are shown below.

Table without border:

{|
|-
! Header text !! Header text
|-
| Example || Example
|-
| Example || Example
|}
Header text Header text
Example Example
Example Example


Table with border:

{| class="wikitable"
|-
! Header text !! Header text
|-
| Example || Example
|-
| Example || Example
|}
Header text Header text
Example Example
Example Example


Sortable table

{| class="wikitable sortable"
|-
! Header text !! Header text
|-
| Example || Example
|-
| Example || Example
|}
Header text Header text
Example Example
Example Example

Manually creating tables

You can also manually create tables - the syntax is fully described in the generic mediawiki topic: Help:Tables. You will need to do this if you want to change colours, fonts, cell spacings, borders etc.

Tip.pngTip: If you need to style your table you should use CSS styles for everything - including borders, padding, spacing, colours etc.
The reason for this is that Internet browsers support table styling using both HTML attributes and CSS styling, but will obey the CSS if any is defined. On Nokia Developer wiki CSS is defined for common table attributes, so attempting to set some attributes like border, cell-spacing and cell-padding as described in XHTML attributes will not necessarily work.


We recommend that you don't apply specific styling to your tables where possible - this ensures that if site-wide CSS styling changes, your table is likely to render correctly.

 

Was this page helpful?

Your feedback about this content is important. Let us know what you think.

 

Thank you!

We appreciate your feedback.

×