Visualizza wikitesto di Aiuto:Tabelle

{{TOCright Aiuto}}
In questa pagina viene spiegata la sintassi per inserire una tabella in [[LazioWiki]], usando il [[Aiuto:Markup|markup wiki]]. Per creare tabelle semplici e standardizzate si consiglia però di utilizzare il template {{tl|prettytable}} (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 ===
Una tabella è definita dai comandi<br />
 <nowiki>{|</nowiki> ''parametri''
 &nbsp;
 <nowiki>|}</nowiki>

che corrispondono ai comandi HTML standard

 <table ''parametri''&gt;
 &nbsp;
 </table&gt;

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

=== aggiunta di una nuova riga ===
Per cominciare una nuova riga si va a capo e si usa il comando
 |-
equivalente al comando HTML
 &lt;tr&gt;
I parametri possono essere aggiunti così:
 |- ''parametri''
che equivale a:
 &lt;tr ''params''&gt;
il tag verrà chiuso automaticamente all'inizio di una nuova riga o alla chiusura della tabella.

=== aggiunta di una serie di celle sulla riga ===
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&gt;cell1</td&gt;<td&gt;cell2</td&gt;<td&gt;cell3</td&gt;


I parametri delle celle vengono inseriti così:
 |''parametri''|cella1
che corrisponde a
 <td ''parametri''&gt;

=== intestazione in grassetto ===
Funziona allo stesso modo di [[#&lt;td&gt;|&lt;td&gt;]], 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'') ===
Un titolo viene creato con il comando
 |+ Descrizione
che genera
 <caption&gt;Descrizione</caption&gt;
Possono anche essere usati parametri:
 |+ ''parametri''|Descrizione
genererà
 <caption ''parametri''&gt;Descrizione

==Esempi==

=== Esempio semplice ===
 <nowiki>{| </nowiki>
 <nowiki>| Cella 1, riga 1 </nowiki>
 <nowiki>| Cella 2, riga 1 </nowiki>
 <nowiki>|- </nowiki>
 <nowiki>| Cella 1, riga 2 </nowiki>
 <nowiki>| Cella 2, riga 2 </nowiki>
 <nowiki>|}</nowiki>
genera
{| 
| Cella 1, riga 1 
| Cella 2, riga 1 
|- 
| Cella 1, riga 2 
| Cella 2, riga 2 
|}

=== Esempi avanzati ===
 {| align=right border=1
 | Cella 1, riga 1 
 |rowspan=2| Cella 2, riga 1 (e 2) 
 | Cella 3, riga 1 
 |- 
 | Cella 1, riga 2 
 | Cella 3, riga 2 
 |}
 <nowiki>{| align=right border=1</nowiki>
 <nowiki>| Cella 1, riga 1 </nowiki>
 <nowiki>|rowspan=2| Cell 2, riga 1 (e 2) </nowiki>
 <nowiki>| Cella 3, riga 1 </nowiki>
 <nowiki>|- </nowiki>
 <nowiki>| Cella 1, riga 2 </nowiki>
 <nowiki>| Cella 3, riga 2 </nowiki>
 <nowiki>|}</nowiki>

 {| 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
 |}
 <nowiki>{| align=right border=1</nowiki>
 <nowiki>| colspan=2| Cella 1 (e 2), riga 1 </nowiki>
 <nowiki>| Cella 3, riga 1 </nowiki>
 <nowiki>|-  </nowiki>
 <nowiki>| Cella 1, riga 2  </nowiki>
 <nowiki>| Cella 2, riga 2 </nowiki>
 <nowiki>| Cella 3, riga 2 </nowiki>
 <nowiki>|}</nowiki>
Notare la tabella ancorata a destra

=== Tabelle annidate ===
 <nowiki>{| border=1</nowiki>
 <nowiki>| tabella madre</nowiki>
 <nowiki>|</nowiki>
 <nowiki>{| bgcolor=#ABCDEF border=2</nowiki>
 <nowiki>|tabella</nowiki>
 <nowiki>|-</nowiki>
 <nowiki>|nidificata</nowiki>
 <nowiki>|}</nowiki>
 <nowiki>|ancora la tabella madre</nowiki>
 <nowiki>|}</nowiki>
Questo codice fa apparire una seconda tabella annidata nella prima
{| border=1
| tabella madre
|
{| bgcolor=#ABCDEF border=2
|tabella
|-

|nidificata
|}
|ancora la tabella madre
|}

=== Liste innestate in una cella ===
 <nowiki>{| border=1</nowiki>
 <nowiki>| tabella madre</nowiki>
 <nowiki>|</nowiki>
 <nowiki>* Primo elemento della lista</nowiki>
 <nowiki>* Secondo elemento della lista</nowiki>
 <nowiki>|ancora la tabella madre</nowiki>
 <nowiki>|}</nowiki>
Questo codice fa apparire una lista innestata nella seconda cella
{| border=1
| tabella madre
|
* Primo elemento della lista
* Secondo elemento della lista
|ancora la tabella madre
|}

=== Descrizione e righe con più celle ===
{| border=1 align=right
|+ '''Questo è il titolo.''' Esempio preso dalla pagina sull'Afghanistan.
|[[Indipendenza]]||[[19 agosto]] [[1919]]
|-
|[[Moneta]]||[[Afghani afgano|Afghani]]
|-
|[[Fuso orario]]||[[Tempo Coordinato Universale|UTC]]+4:30
|-
|[[Inno nazionale]]||[[Sououd-e-Melli]]
|-
|[[Top-level domain|TLD]]||.AF
|}
 <nowiki>{| border=1 align=right</nowiki>
 <nowiki>|+ '''Questo è il titolo.''' Esempio preso dalla pagina sull'Afghanistan.</nowiki>
 <nowiki>|[[Indipendenza]]||[[19 agosto]] [[1919]]</nowiki>
 <nowiki>|-</nowiki>
 <nowiki>|[[Moneta]]||[[Afghano]]</nowiki>
 <nowiki>|-</nowiki>
 <nowiki>|[[Fuso orario]]||[[UTC]]+4:30</nowiki>
 <nowiki>|-</nowiki>
 <nowiki>|[[Inno nazionale]]||[[Sououd-e-Melli]]</nowiki>
 <nowiki>|-</nowiki>
 <nowiki>|[[Top-level domain|TLD]]||.AF</nowiki>
 <nowiki>|}</nowiki>
Viene mostrata sulla destra

=== Prova con intestazioni ===

Questo testo

 <nowiki>{| border=1</nowiki>
 <nowiki>! Header 1!! Header 2</nowiki>
 <nowiki>|-</nowiki>
 <nowiki>| Cella1|| Cella2</nowiki>
 <nowiki>|}</nowiki>

disegna

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

=== Prova di colore su una riga ===
 <nowiki>{|</nowiki>
 <nowiki>| cella 1 || cella 2</nowiki>
 <nowiki>|- bgcolor=#abcdef</nowiki>
 <nowiki>| cella 3 || cella 4</nowiki>
 <nowiki>|}</nowiki>
disegna
{|
| cella 1 || cella 2
|- bgcolor=#abcdef
| cella 3 || cella 4
|}

=== Test di righe con intestazione e testo ===
 <nowiki>{|</nowiki> border=1 cellspacing=0
 <nowiki>! </nowiki>
 <nowiki>! Header colonna 1 </nowiki>
 <nowiki>! header colonna 2 </nowiki>
 <nowiki>|-</nowiki>
 <nowiki>! header riga 3</nowiki>
 <nowiki>| abc def ghi </nowiki>
 <nowiki>|   gchf ghh dfgh</nowiki>
 <nowiki>|-</nowiki>
 <nowiki>! header riga 4</nowiki>
 <nowiki>| gfbb gbgbds </nowiki>
 <nowiki>|    dfgsdsdg</nowiki>
 <nowiki>|}</nowiki>

appare come:

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

ma:

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

appare come:

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

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

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

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

{{Lowres}}

== Voci correlate ==
*[[Aiuto:Strumenti#Tabelle]]
*[[Elementi HTML]]
*[[Aiuto:Template]]
*[[Aiuto:Markup]]
*[[Template:Prettytable]]
*[[Template:MultiCol]]

[[Categoria:Aiuto|Tabelle]]