In questa pagina viene spiegato come un wikisourciano inserisce una tabella, usando il wikicodice. Per creare tabelle semplici e standardizzate si consiglia però di utilizzare il template {{prettytable}} (vedi anche Aiuto:template).

Esistono alcuni strumenti per generare automaticamente delle tabelle. Per una guida completa sulle tabelle (in inglese), vedi m:Help:Table.

Nel seguito viene mostrato in dettaglio come costruire una tabella.

apertura e chiusura

modifica

Una tabella è definita dai comandi

{| parametri
 
|}

che corrispondono ai comandi HTML standard

<table parametri>
 
</table>

Attenzione: si noti che tra {| e parametri è presente uno spazio (altrimenti il primo parametro viene ignorato)

aggiunta di una nuova riga

modifica

Per cominciare una nuova riga si va a capo e si usa il comando

|-

equivalente al comando HTML

<tr>

I parametri possono essere aggiunti così:

|- parametri

che equivale a:

<tr params>

il tag verrà chiuso automaticamente all'inizio di una nuova riga o alla chiusura della tabella.

aggiunta di una serie di celle sulla riga

modifica

Le celle vengono generate andando a capo e usando i comandi

| 

e

||

ad esempio

|cella1
|cella2
|cella3

oppure così:

|cella1||cella2||cella3

perciò "||" è equivalente a "a capo" + "|"

Entrambi i metodi corrispondono (in HTML) a:

<td>cell1</td><td>cell2</td><td>cell3</td>


I parametri delle celle vengono inseriti così:

|parametri|cella1

che corrisponde a

<td parametri>

intestazione in grassetto

modifica

Funziona allo stesso modo di <td>, tranne che "!" viene utilizzato al posto del "|" di apertura. "!!" può essere utilizzato invece di "||". Tuttavia, i parametri usano ancora "|"!

Esempio:

!parametri|cella1

titolo della tabella (caption)

modifica

Un titolo viene creato con il comando

|+ Descrizione

che genera

<caption>Descrizione</caption>

Possono anche essere usati parametri:

|+ parametri|Descrizione

genererà

<caption parametri>Descrizione

Esempio semplice

modifica
{| 
| Cella 1, riga 1 
| Cella 2, riga 1 
|- 
| Cella 1, riga 2 
| Cella 2, riga 2 
|}

genera

Cella 1, riga 1 Cella 2, riga 1
Cella 1, riga 2 Cella 2, riga 2

Esempi avanzati

modifica
Cella 1, riga 1 Cella 2, riga 1 (e 2) Cella 3, riga 1
Cella 1, riga 2 Cella 3, riga 2
{| style="float:right" border="1"
| Cella 1, riga 1 
| rowspan="2" | Cell 2, riga 1 (e 2) 
| Cella 3, riga 1 
|- 
| Cella 1, riga 2 
| Cella 3, riga 2 
|}
Cella 1 (e 2), riga 1 Cella 3, riga 1
Cella 1, riga 2 Cella 2, riga 2 Cella 3, riga 2
{| style="float:right" border="1"
| colspan="2" | Cella 1 (e 2), riga 1 
| Cella 3, riga 1 
|-  
| Cella 1, riga 2  
| Cella 2, riga 2 
| Cella 3, riga 2 
|}

Notare la tabella ancorata a destra

Tabelle annidate

modifica
{| border="1"
| tabella madre
|
{| style="background-color:#ABCDEF" border="2"
|tabella
|-
|nidificata
|}
|ancora la tabella madre
|}

Questo codice fa apparire una seconda tabella annidata nella prima

tabella madre
tabella
nidificata
ancora la tabella madre

Liste innestate in una cella

modifica
{| border="1"
| tabella madre
|
* Primo elemento della lista
* Secondo elemento della lista
|ancora la tabella madre
|}

Questo codice fa apparire una lista innestata nella seconda cella

tabella madre
  • Primo elemento della lista
  • Secondo elemento della lista
ancora la tabella madre

Descrizione e righe con più celle

modifica
Questo è il titolo. Esempio preso dalla pagina sull'Afghanistan.
Indipendenza 19 agosto 1919
Moneta Afghani
Fuso orario UTC+4:30
Inno nazionale Sououd-e-Melli
TLD .AF
{| border="1" style="float:right"
|+ '''Questo è il titolo.''' Esempio preso dalla pagina sull'Afghanistan.
|[[Indipendenza]]||[[19 agosto]] [[1919]]
|-
|[[Moneta]]||[[Afghano]]
|-
|[[Fuso orario]]||[[UTC]]+4:30
|-
|[[Inno nazionale]]||[[Sououd-e-Melli]]
|-
|[[Top-level domain|TLD]]||.AF
|}

Viene mostrata sulla destra

Prova con intestazioni

modifica
Questo testo e questo testo
 {| border="1"
 ! Intestazione 1 
 ! Intestazione 2
 |-
 | Cella 1 
 | Cella 2
 |}
 {| border="1"
 ! Intestazione 1 !! Intestazione 2
 |-
 | Cella 1  || Cella 2
 |}
disegnano entrambi la stessa tabella
Intestazione 1 Intestazione 2
Cella 1 Cella 2

Applicazione di uno stile su una intera riga

modifica
{|
| cella 1 || cella 2
|- style="background-color:#abcdef;"
| cella 3 || cella 4<
|}

disegna

cella 1 cella 2
cella 3 cella 4

Test di righe con intestazione e testo

modifica
{| border="1" cellspacing="0"
! 
! Header colonna 1 
! header colonna 2 
|-
! header riga 3
| abc def ghi 
|   gchf ghh dfgh
|-
! header riga 4
| gfbb gbgbds 
|    dfgsdsdg
|}

appare come:

Header colonna 1 header colonna 2
header riga 3 abc def ghi gchf ghh dfgh
header riga 4 gfbb gbgbds dfgsdsdg

ma:

{| border="1" cellspacing="0"
! &nbsp; !! col Header1 !! ch2 
|-
! header riga 3 || abc def ghi ||   gchf ghh dfgh
|-
! header riga 4         || gfbb gbgbds ||    dfgsdsdg
|-
! header riga 5         ||             ||    
|}

appare come:

  col Header1 ch2
header riga 3 abc def ghi gchf ghh dfgh
header riga 4 gfbb gbgbds dfgsdsdg
header riga 5

Tabella standard

modifica
{| class="wikitable"
! Colonna 1 !! Colonna 2
|-
| Riga 1 cella 1 || Riga 1 cella 2
|-
| Riga 2 cella 1 || Riga 2 cella 2
|}
Colonna 1 Colonna 2
Riga 1 cella 1 Riga 1 cella 2
Riga 2 cella 1 Riga 2 cella 2

Tabella al centro della pagina

modifica

Per centrare una tabella nella pagina basta inserirla opportunamente in una tabella esterna.
Attenzione: non usare <center> o <div align="center"> (sono deprecati), e nemmeno il "margin auto" (non è supportato dai vecchi browser).

{| style="width:100%; background:transparent"
| align="center" |
{| class="wikitable"
! Colonna 1 !! Colonna 2
|-
| Riga 1 cella 1 || Riga 1 cella 2
|-
| Riga 2 cella 1 || Riga 2 cella 2
|}
|}
Colonna 1 Colonna 2
Riga 1 cella 1 Riga 1 cella 2
Riga 2 cella 1 Riga 2 cella 2

Tabelle ordinabili

modifica

Aggiungendo in testa alla tabella l'istruzione class="wikitable sortable" si otterrà una tabella le cui colonne sono ordinabili in senso crescente o decrescente cliccando sui pulsanti che vi appariranno.

{| class="wikitable sortable"
! titolo !! colonna1 !! colonna2 
|-
| riga1 || 6 || 4
|-
| riga2 || 5 || 4
|-
| riga3 || 4 || 1  
|-
| riga4 || 3 || 3  
|-
| riga5 || 2 || 2  
|-
| riga6 || 1 || 5  
|}
titolo colonna1 colonna2
riga1 6 4
riga2 5 4
riga3 4 1
riga4 3 3
riga5 2 2
riga6 1 5

Se si desidera che una o più colonne della tabella non siano ordinabili bisogna aggiungere class="unsortable" | titolo della colonna nella riga dove si scrivono i titoli.

{| class="wikitable sortable"
! titolo !! colonna1 !! colonna2 !! class="unsortable" | ordine fisso
|-
| riga1 || 6 || 4 || Questa
|-
| riga2 || 5 || 4 || colonna
|-
| riga3 || 4 || 1 || non 
|-
| riga4 || 3 || 3 || può
|-
| riga5 || 2 || 2 || essere
|-
| riga6 || 1 || 5 || ordinabile
|}
titolo colonna1 colonna2 ordine fisso
riga1 6 4 Questa
riga2 5 4 colonna
riga3 4 1 non
riga4 3 3 può
riga5 2 2 essere
riga6 1 5 ordinabile

Come impostare l'ordine

modifica

Laddove necessario, si può impostare manualmente l'ordine voluto (ciò è particolarmente utile con le colonne che contengono nomi e cognomi di persone, che verrebbero ordinate seguendo l'ordine alfabetico dei nomi e non dei cognomi). Si inserisce <span style="display:none">...</span> nella casella, prima del testo da ordinare.

{| class="wikitable sortable"
! titolo !! colonna1 
|-
| riga1 || <span style="display:none">Agerio Aulo</span>Aulo Agerio 
|-
| riga2 || <span style="display:none">Amurri Antonio</span>Antonio Amurri 
|-
| riga3 || <span style="display:none">Angela Alberto</span>Alberto Angela
|-
| riga4 || <span style="display:none">Alberti Armando</span>Armando Alberti 
|-
| riga5 || <span style="display:none">Agosti Agostino</span>Agostino Agosti 
|-
| riga6 || <span style="display:none">Arrighetti Antimo</span>Antimo Arrighetti
|-
| riga7 || <span style="display:none">Angela Antonio</span>Antonio Angela 
|}
titolo colonna1
riga1 Agerio AuloAulo Agerio
riga2 Amurri AntonioAntonio Amurri
riga3 Angela AlbertoAlberto Angela
riga4 Alberti ArmandoArmando Alberti
riga5 Agosti AgostinoAgostino Agosti
riga6 Arrighetti AntimoAntimo Arrighetti
riga7 Angela AntonioAntonio Angela

Numerazione automatica delle righe

modifica

Aggiungendo in testa alla tabella l'istruzione class="rownumber" si otterrà una tabella le cui righe sono automaticamente numerate:

{| class="rownumber"
! titolo
|-
| Aulo Agerio 
|-
| Antonio Amurri 
|-
| Alberto Angela
|}
titolo
Aulo Agerio
Antonio Amurri
Alberto Angela

Template per tabelle graficamente complesse

modifica

Per ottenere con un solo template effetti grafici multipli (allineamenti testo-cella, bordi delle celle) vedi il {{cs}}. Esempio:

Intervalli Nel 330, secondo Errore di Callippo Nel 430, secondo Errore di Entemone
Callippo i moderni Entemone i moderni
g. g. g. g. g. g.
Equinozio di primavera
94 94,17 -0,17 93 94,23 -1,23
Solstizio estivo
92 92,08 -0,08 90 92,01 -2,01
Equinozio d'autunno
89 88.57 +0,43 90 88,52 +1,48
Solstizio d'inverno
90 90,44 -0,44 92 90,50 +1,50
Equinozio di primavera



Per associare a questi effetti grafici la rotazione del testo in verticale, in alcune celle, vedi il {{Rot1}}. Esempio:

N.o d'ordine
nome delle linee
Lunghezza
in kilometri
Costo per ogni
kilometro
osservazioni
27 Da Bexbach a Mannheim e a Saarbruck 84 » 4 per % d'interesse e garanzia del governo bavarese

Voci correlate

modifica