Aiuto:Tabelle
In questa pagina viene spiegata la sintassi per inserire una tabella in Wikipedia, usando il markup uicchi. Per creare tabelle semplici e standardizzate si consiglia però di utilizzare il template {{prettytable}} (vedi anche Help: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
[cange • cange 'a sorgende]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
[cange • cange 'a sorgende]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
[cange • cange 'a sorgende]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
[cange • cange 'a sorgende]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)
[cange • cange 'a sorgende]Un titolo viene creato con il comando
|+ Descrizione
che genera
<caption>Descrizione</caption>
Possono anche essere usati parametri:
|+ parametri|Descrizione
genererà
<caption parametri>Descrizione
Esempi
[cange • cange 'a sorgende]Esempio semplice
[cange • cange 'a sorgende]{| | 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
[cange • cange 'a sorgende]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
[cange • cange 'a sorgende]{| 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 |
|
ancora la tabella madre |
Liste innestate in una cella
[cange • cange 'a sorgende]{| 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 |
|
ancora la tabella madre |
Descrizione e righe con più celle
[cange • cange 'a sorgende]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
[cange • cange 'a sorgende]Questo testo
{| border="1" ! Header 1 !! Header 2 |- | Cella1 || Cella2 |}
disegna
Header 1 | Header 2 |
---|---|
Cella1 | Cella2 |
Prova di colore su una riga
[cange • cange 'a sorgende]{| | 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
[cange • cange 'a sorgende]{| 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" ! !! 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
[cange • cange 'a sorgende]{| 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
[cange • cange 'a sorgende]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 |} |}
|
Tabelle ordinabili
[cange • cange 'a sorgende]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
[cange • cange 'a sorgende]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 | Aulo Agerio |
riga2 | Antonio Amurri |
riga3 | Alberto Angela |
riga4 | Armando Alberti |
riga5 | Agostino Agosti |
riga6 | Antimo Arrighetti |
riga7 | Antonio Angela |