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
[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
Esempi
[modifica]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 |
|
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
[modifica]| 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 | |||||
| |||||
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
[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
|}
|}
|
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 | Aulo Agerio |
| riga2 | Antonio Amurri |
| riga3 | Alberto Angela |
| riga4 | Armando Alberti |
| riga5 | Agostino Agosti |
| riga6 | Antimo Arrighetti |
| riga7 | Antonio 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 |