Aiuto:Tabelle
- Aiuto
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
modificaUna 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
modificaPer 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
modificaLe 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
modificaFunziona 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)
modificaUn titolo viene creato con il comando
|+ Descrizione
che genera
<caption>Descrizione</caption>
Possono anche essere usati parametri:
|+ parametri|Descrizione
genererà
<caption parametri>Descrizione
Esempi
modificaEsempio 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
modificaCella 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 |
|
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 |
|
ancora la tabella madre |
Descrizione e righe con più celle
modificaIndipendenza | 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
modificaQuesto 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 | |||||
|
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" ! !! 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
modificaPer 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
modificaAggiungendo 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
modificaLaddove 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 |
Numerazione automatica delle righe
modificaAggiungendo 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
modificaPer 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 |