Aiuto:Tabelle

Da LazioWiki.

In questa pagina viene spiegata la sintassi per inserire una tabella in LazioWiki, usando il markup wiki. Per creare tabelle semplici e standardizzate si consiglia però di utilizzare il template {{prettytable}} (uso) (vedi anche Aiuto:template).

Una tabella HTML può essere convertita direttamente in una wiki-tabella servendosi del convertitore automatico presente sul sito http://diberri.dyndns.org/html2wiki.html

Nel seguito viene mostrato in dettaglio come costruire una tabella.

apertura e chiusura[modifica sorgente]

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 sorgente]

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 sorgente]

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 sorgente]

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 sorgente]

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 sorgente]

Esempio semplice[modifica sorgente]

{| 
| 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 sorgente]

Cella 1, riga 1 Cella 2, riga 1 (e 2) Cella 3, riga 1
Cella 1, riga 2 Cella 3, riga 2
{| align=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
{| align=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 sorgente]

{| border=1
| tabella madre
|
{| bgcolor=#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 sorgente]

{| 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 sorgente]

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 align=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 sorgente]

Questo testo

{| border=1
! Header 1!! Header 2
|-
| Cella1|| Cella2
|}

disegna

Header 1 Header 2
Cella1 Cella2

Prova di colore su una riga[modifica sorgente]

{|
| cella 1 || cella 2
|- bgcolor=#abcdef
| cella 3 || cella 4
|}

disegna

cella 1 cella 2
cella 3 cella 4

Test di righe con intestazione e testo[modifica sorgente]

{| 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

Tabelle ordinabili[modifica sorgente]

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

Template:Lowres

Voci correlate[modifica sorgente]