gww>TikkaLeFem: /Gave the redlink a Link

2022-02-12T01:48:49Z

/Gave the redlink a Link

New page

{{Help navbar header}}
{| cellspacing="7" style="width: 100%; background: #EFFBF5; border: 1px solid silver;"
| colspan="2" style="background: #A1C2CF; border: 1px solid silver; padding: 0.2em 0.4em; font-size: 120%; font-weight: bold;" | What is a table?
|- style="vertical-align: top;"
|
|
A table is a method for organizing data by arranging it in columns and rows. It provides a compact way to view data, while also allowing comparisons and sorting.
|}

{| cellspacing="7" style="width: 100%; background: #EFFBF5; border: 1px solid silver; margin-top: 10px;"
| style="background: #A1C2CF; border: 1px solid silver; padding: 0.2em 0.4em;" | <h4 style="margin: 0px; padding: 0px;">How to use a table</h4>
|-
|

Here is an example of a basic table.

<pre>
{|
|-
! header 1
! header 2
! header 3
|-
| row 1, cell 1
| row 1, cell 2
| row 1, cell 3
|-
| row 2, cell 1
| row 2, cell 2
| row 2, cell 3
|}
</pre>

The above example gives you a table that looks like this:

{|
|-
! header 1
! header 2
! header 3
|-
| row 1, cell 1
| row 1, cell 2
| row 1, cell 3
|-
| row 2, cell 1
| row 2, cell 2
| row 2, cell 3
|}

'''Rows and columns'''

The entire table is encased with curly brackets and a vertical bar character (a pipe). So use <code>'''{|'''</code> to begin a table, and <code>'''|}'''</code> to end it. Each one needs to be on its own line:
<span style="font-weight:bold; color:red"><nowiki>{|</nowiki></span>
''table code goes here''
<span style="font-weight:bold; color:red"><nowiki>|}</nowiki></span>

Every new row of a table must begin with a pipe and a hyphen <code>|-</code> on its own line.

There are two ways to add a cell to each row. Either make a new line and start it with a pipe <code>|</code> or put two pipes <code>||</code> between each cell. The following example shows how both are used for the same result.

<pre>{|
|-
|Cell 1 || Cell 2 || Cell 3
|-
|Cell A
|Cell B
|Cell C
|}</pre>

Creates:

{|
|-
|Cell 1 || Cell 2 || Cell 3
|-
|Cell A
|Cell B
|Cell C
|}

'''Formatting'''

There are three ways to add formatting to a table: apply it to a whole table, apply it to a single row, or apply it to a single cell. Table formatting requires a little html knowledge.

''Whole table''

On the first line of your table, after the <code>{|</code> you can specify some properties of your table. For example, add a border to your table.

<pre>{| border = "1"
|-
|data1 || data2
|-
|data3
|data4
|}</pre>

Creates:
{| border = "1"
|-
|data1 || data2
|-
|data3
|data4
|}

''Single row''

On the line declaring each new row <code>|-</code> you can specify properties of that line. For example, to change the background color of a row.

<pre>{|
|-
|data1 || data2
|- style="background:red"
|data3
|data4
|}</pre>

Creates:
{|
|-
|data1 || data2
|- style="background:red"
|data3
|data4
|}

''Single cell''

For each cell of a table, you can specify additional properties that only apply to that cell. To do that you need to add <code>formatting |</code> to the front of each cell you want to change.

<pre>{|
|-
| style="background:red" | data1 || style="background:blue" | data2
|-
|data3
|style="background:yellow" |data4
|}</pre>

Creates:
{|
|-
| style="background:red" | data1 || style="background:blue"| data2
|-
|data3
|style="background:yellow" |data4
|}

Notice that if you use the double pipes <code>||</code> to separate your cells, the additional cell formatting comes after the double pipe and does not replace it.

'''GWW standard formatting'''

In many cases you will want your tables to look consistent with other tables on GWW. A template has been provided that will apply the styles to the whole table.

<pre>{| {{STDT}}
|-
|data1 || data2
|-
|data3
|data4
|}</pre>

Creates:
{| {{STDT}}
|-
|data1 || data2
|-
|data3
|data4
|}

For more information on how to use the template, go to {{tl|STDT}}.

'''Advanced'''

For more information on how to use tables, go to the [https://www.mediawiki.org/wiki/Help:Tables HelpTable] at wikimedia.
|}

Help:Table editing - Revision history

gww>TikkaLeFem: /Gave the redlink a Link