Visualizza wikitesto di ViscianoPedia: Aiuto: tabelle

__NOTOC__
Nelle pagine wiki possono essere inserite tabelle sia usando l'HTML che il wikicode. La tabelle in HTML sono spiegate in molte pagine web e non strettamente collegate a MediaWiki, quindi di seguito verranno trattate solo le tabelle in wikicode. Il vantaggio del wikicode rispetto all'HTML è che i suoi simboli semplificano la lettura del codice da un utente che entra in modalità edit.

È buona regola, comunque, non usare le tabelle se non se ne ha bisogno, poiché queste appesantiscono le pagine.

== Markup base ==

{|cellpadding="5" cellspacing="0" border="1" width="600"
|<nowiki>{|</nowiki> || inizio tabella
|-
|<nowiki>|+</nowiki> || legenda, una per tabella, tra l'inizio e la prima riga
|-
|<nowiki>|-</nowiki> || interruzione di riga, opzionale per la prima
|-
|<nowiki>!</nowiki>  || cella titolo, opzionale, più celle iniziali possono essere inserite con un doppio punto esclamativo (<nowiki>!!</nowiki>) o andando a capo e cominciando la riga con <nowiki>!</nowiki>
|- 
|<nowiki>|</nowiki>  || cella, richiesto, celle consecutive possono essere inserite raddoppiando la barra  (<nowiki>||</nowiki>) o andando a capo e cominciando la riga con <nowiki>|</nowiki>.
|-
|<nowiki>|}</nowiki> || fine tabella
|}
*Tutti i segni comportano un ritorno a capo, eccetto || e !!.
*Tutti i simboli, eccetto il fine tabella, supportano gli attributi XHTML.
*Se si vuole inserire del markup wiki all'interno di una cella, bisogna iniziare con un ritorno a capo.

==Tabella semplice==

===Normale===
Questa tabella tralascia bordi e larghezze, per informazioni su questi parametri, vedi sotto.
{| width="100%"
|width="50%"|
{|
|Arancia
|Mela
|-
|Pane
|Dolce
|-
|Burro
|Gelato
|}
|width="50%"|
<pre>
{|
|Arancia
|Mela
|-
|Pane
|Dolce
|-
|Burro
|Gelato
|}
</pre>
|}

===Alternativa===
Per creare un look più simile ad una tabella, le celle possono essere allineate con || Questo non è consigliato con celle che contengono un testo molto lungo ma con un esempio come il nostro, va più che bene.
Gli spazi eccessivi non vengono contati.
{| width="100%"
|width="50%"|
{|
|  Arancia    ||   Mela   ||   altro
|-
|   Pane    ||   Dolce     ||   altro
|-
|   Burro   || Gelato ||  altro ancora
|}
|width="50%"|
<pre>
{|
|  Arancia    ||   Mela   ||   altro
|-
|   Pane    ||   Dolce     ||   altro
|-
|   Burro   || Gelato ||  altro ancora
|}
</pre>
|}

===Con attributi HTML===
È possibile aggiungere attributi HTML alle tabelle.
====border="1"====
{| width="100%"
|width="50%"|
{| border="1"
|Arancia
|Mela
|-
|Pane
|Dolce
|-
|Burro
|Gelato
|}
|width="50%"|
<pre>
{| border="1"
|Arancia
|Mela
|-
|Pane
|Dolce
|-
|Burro
|Gelato
|}
</pre>
|}

====align="center" border="1"====
{| width="100%"
|width="50%"|
{| align="center" border="1"
|Arancia
|Mela
|-
|Pane
|Dolce
|-
|Burro
|Gelato
|}
|width="50%"|
<pre>
{| align="center" border="1"
|Arancia
|Mela
|-
|Pane
|Dolce
|-
|Burro
|Gelato
|}</pre>
|}

====Attributi per celle ====
È anche possibile usare gli attributi per una singola cella.
{| width="100%"
|width="50%"|
{| border="1"
|Arancia
|Mela
|align="right"|12,333.00
|-
|Pane
|Dolce
|align="right"|500.00
|-
|Burro
|Gelato
|align="right"|1.00
|}
|width="50%"|
<pre>
{| border="1"
|Arancia
|Mela
|align="right"|12,333.00
|-
|Pane
|Dolce
|align="right"|500.00
|-
|Burro
|Gelato
|align="right"|1.00
|}
</pre>
|}

====Attributi per riga====
È anche possibile usare gli attributi per una singola riga.
{| width="100%"
|width="50%"|
{| border="1"
|Arancia
|Mela
|align="right"|12,333.00
|-
|Pane
|Dolce
|align="right"|500.00
|- style="font-style:italic;color:green;"
|Burro
|Gelato
|align="right"|1.00
|}
|width="50%"|
<pre>
{| border="1"
|Arancia
|Mela
|align="right"|12,333.00
|-
|Pane
|Dolce
|align="right"|500.00
|- style="font-style:italic;color:green;"
|Burro
|Gelato
|align="right"|1.00
|}
</pre>
|}

====cellspacing="0" border="1"====
{| width="100%"
|width="50%"|
{| cellspacing="0" border="1"
|Arancia
|Mela
|-
|Pane
|Dolce
|-
|Burro
|Gelato
|}
|width="50%"|
<pre>
{| cellspacing="0" border="1"
|Arancia
|Mela
|-
|Pane
|Dolce
|-
|Burro
|Gelato
|}
</pre>
|}

====cellpadding="20" cellspacing="0" border="1"====
{| width="100%"
|width="50%"|
{| cellpadding="20" cellspacing="0" border="1"
|Arancia
|Mela
|-
|Pane
|Dolce
|-
|Burro
|Gelato
|}
|width="50%"|
<pre>
{| cellpadding="20" cellspacing="0" border="1"
|Arancia
|Mela
|-
|Pane
|Dolce
|-
|Burro
|Gelato
|}
</pre>
|}

''Nota: Attualmente il cellpadding non funziona molto bene su mediawiki.org. Dovrebbe essere simile a [http://test.wikipedia.org/wiki/Table_test questo]''

===Con attributi HTML e CSS===
È possibile aggiungere attributi CSS alle tabelle, con o senza HTML.
====style="color:green;background-color:#ffffcc;" cellpadding="20" cellspacing="0" border="1"====
{| width="100%"
|width="50%"|
{| style="color:green;background-color:#ffffcc;" cellpadding="20" cellspacing="0" border="1"
|Arancia
|Mela
|-
|Pane
|Dolce
|-
|Burro
|Gelato
|}
|width="50%"|
<pre>
{| style="color:green;background-color:#ffffcc;" cellpadding="20" cellspacing="0" border="1"
|Arancia
|Mela
|-
|Pane
|Dolce
|-
|Burro
|Gelato
|}
</pre>
|}

==Titoli TH==

I titoli TH (HTML table headings) possono essere creati usando ! al posto di |. Vengono visualizzati centrati e in grassetto di default.

===Inizio colonna===
====Ogni colonna====
{| width="100%"
|width="50%"|
{| border="1" cellpadding="20" cellspacing="0"
!Buono
!Più buono
|-
|Arancia
|Mela
|-
|Pane
|Dolce
|-
|Burro
|Gelato
|}
|width="50%"|
<pre>
{| border="1" cellpadding="20" cellspacing="0"
!Buono
!Più buono
|-
|Arancia
|Mela
|-
|Pane
|Dolce
|-
|Burro
|Gelato
|}
</pre>
|}
====Colspan="2"====
{| width="100%"
|width="50%"|
{| border="1" cellpadding="20" cellspacing="0"
!colspan="2"|Bontà
|-
|Arancia
|Mela
|-
|Pane
|Dolce
|-
|Burro
|Gelato
|}
|width="50%"|
<pre>
{| border="1" cellpadding="20" cellspacing="0"
! colspan="2"|Bontà
|-
|Arancia
|Mela
|-
|Pane
|Dolce
|-
|Burro
|Gelato
|}
</pre>
|}

===Inizio riga===
====Default====
{| width="100%"
|width="50%"|
{| border="1" cellpadding="20" cellspacing="0"
!Frutta
|Arancia
|Mela
|-
!Condimento
|Pane
|Burro
|-
!Dessert
|Dolce
|Gelato
|}
|width="50%"|
<pre>
{| border="1" cellpadding="20" cellspacing="0"
!Frutta
|Arancia
|Mela
|-
!Condimento
|Pane
|Burro
|-
!Dessert
|Dolce
|Gelato
|}
</pre>
|}

====Allineato a destra====
{| width="100%"
|width="50%"|
{| border="1" cellpadding="20" cellspacing="0"
!align="right" |Frutta
|Arancia
|Mela
|-
!align="right" |Condimento
|Pane
|Burro
|-
!align="right" |Dessert
|Dolce
|Gelato
|}
|width="50%"|
<pre>
{| border="1" cellpadding="20" cellspacing="0"
!align="right" |Frutta
|Arancia
|Mela
|-
!align="right" |Condimento
|Pane
|Burro
|-
!align="right" |Dessert
|Dolce
|Gelato
|}
</pre>
|}

==Legenda==
È possibile aggiungere una legenda alle tabelle.
{| width="100%"
|width="50%"|
{| border="1" cellpadding="20" cellspacing="0"
|+Cibo
|-
|Arancia
|Mela
|-
|Pane
|Dolce
|-
|Burro
|Gelato
|}
|width="50%"|
<pre>
{| border="1" cellpadding="20" cellspacing="0"
|+Cibo
|-
|Arancia
|Mela
|-
|Pane
|Dolce
|-
|Burro
|Gelato
|}
</pre>
|}

Ed è anche possibile usare attributi

{| width="100%"
|width="50%"|
{| border="1" cellpadding="20" cellspacing="0"
|+align="bottom" style="color:#e76700;"|''Cibo''
|-
|Arancia
|Mela
|-
|Pane
|Dolce
|-
|Burro
|Gelato
|}
|width="50%"|
<pre>
{| border="1" cellpadding="20" cellspacing="0"
|+align="bottom" style="color:#e76700;"|''Cibo''
|-
|Arancia
|Mela
|-
|Pane
|Dolce
|-
|Burro
|Gelato
|}
</pre>
|}

==Tabelle con sezioni H1, H2, H3 ecc.==

Le sezioni HTML H1, H2, H3, H4 ecc.possono essere create nel wikicode usando un numero di ==uguali== pari al livello della sezione ed è obbligatorio che '''stiano da sole nella linea'''.

'''Anteprima.''' Se clicchi su modifica una sezione e fai anteprima, mancando parte di codice, la tabella non sarà visualizzata.

Ricorda che le sezioni vanno a finire anche nell'indice.

{| width="100%"
|width="50%"|
{| border="1" cellpadding="20" cellspacing="0"
|colspan="2"|
===Bontà===
|-
|Arancia
|Mela
|-
|Pane
|Dolce
|-
|Burro
|Gelato
|}
|width="50%"|
<pre>
{| border="3"  cellpadding="20" cellspacing="0"
|colspan="2"|
===Bontà===
|-
|Arancia
|Mela
|-
|Pane
|Dolce
|-
|Burro
|Gelato
|}
</pre>
|}

==Preservamento==
===Numeri negativi===
I numeri negativi possono interrompere la tabella. Se vuoi iniziare la cella con un numero negativo (|-6), devi lasciare uno spazio (| -6) o usare la doppia linea (||-6) per una corretta visualizzazione.