Aiuto:Tables

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

{\|	inizio tabella
\|+	legenda, una per tabella, tra l'inizio e la prima riga
\|-	interruzione di riga, opzionale per la prima
!	cella titolo, opzionale, più celle iniziali possono essere inserite con un doppio punto esclamativo (!!) o andando a capo e cominciando la riga con !
\|	cella, richiesto, celle consecutive possono essere inserite raddoppiando la barra (\|\|) o andando a capo e cominciando la riga con \|.
\|}	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.

Arancia	Mela
Pane	Dolce
Burro	Gelato

{|
|Arancia
|Mela
|-
|Pane
|Dolce
|-
|Burro
|Gelato
|}

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.

Arancia	Mela	altro
Pane	Dolce	altro
Burro	Gelato	altro ancora

{|
|  Arancia    ||   Mela   ||   altro
|-
|   Pane    ||   Dolce     ||   altro
|-
|   Burro   || Gelato ||  altro ancora
|}

Con attributi HTML

È possibile aggiungere attributi HTML alle tabelle.

border="1"

Arancia	Mela
Pane	Dolce
Burro	Gelato

{| border="1"
|Arancia
|Mela
|-
|Pane
|Dolce
|-
|Burro
|Gelato
|}

align="center" border="1"

Arancia	Mela
Pane	Dolce
Burro	Gelato

{| align="center" border="1"
|Arancia
|Mela
|-
|Pane
|Dolce
|-
|Burro
|Gelato
|}

Attributi per celle

È anche possibile usare gli attributi per una singola cella.

Arancia	Mela	12,333.00
Pane	Dolce	500.00
Burro	Gelato	1.00

{| border="1"
|Arancia
|Mela
|align="right"|12,333.00
|-
|Pane
|Dolce
|align="right"|500.00
|-
|Burro
|Gelato
|align="right"|1.00
|}

Attributi per riga

È anche possibile usare gli attributi per una singola riga.

Arancia	Mela	12,333.00
Pane	Dolce	500.00
Burro	Gelato	1.00

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

cellspacing="0" border="1"

Arancia	Mela
Pane	Dolce
Burro	Gelato

{| cellspacing="0" border="1"
|Arancia
|Mela
|-
|Pane
|Dolce
|-
|Burro
|Gelato
|}

cellpadding="20" cellspacing="0" border="1"

Arancia	Mela
Pane	Dolce
Burro	Gelato

{| cellpadding="20" cellspacing="0" border="1"
|Arancia
|Mela
|-
|Pane
|Dolce
|-
|Burro
|Gelato
|}

Nota: Attualmente il cellpadding non funziona molto bene su mediawiki.org. Dovrebbe essere simile a 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"

Arancia	Mela
Pane	Dolce
Burro	Gelato

{| style="color:green;background-color:#ffffcc;" cellpadding="20" cellspacing="0" border="1"
|Arancia
|Mela
|-
|Pane
|Dolce
|-
|Burro
|Gelato
|}

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

Buono	Più buono
Arancia	Mela
Pane	Dolce
Burro	Gelato

{| border="1" cellpadding="20" cellspacing="0"
!Buono
!Più buono
|-
|Arancia
|Mela
|-
|Pane
|Dolce
|-
|Burro
|Gelato
|}

Colspan="2"

Bontà
Arancia	Mela
Pane	Dolce
Burro	Gelato

{| border="1" cellpadding="20" cellspacing="0"
! colspan="2"|Bontà
|-
|Arancia
|Mela
|-
|Pane
|Dolce
|-
|Burro
|Gelato
|}

Inizio riga

Default

Frutta	Arancia	Mela
Condimento	Pane	Burro
Dessert	Dolce	Gelato

{| border="1" cellpadding="20" cellspacing="0"
!Frutta
|Arancia
|Mela
|-
!Condimento
|Pane
|Burro
|-
!Dessert
|Dolce
|Gelato
|}

Allineato a destra

Frutta	Arancia	Mela
Condimento	Pane	Burro
Dessert	Dolce	Gelato

{| border="1" cellpadding="20" cellspacing="0"
!align="right" |Frutta
|Arancia
|Mela
|-
!align="right" |Condimento
|Pane
|Burro
|-
!align="right" |Dessert
|Dolce
|Gelato
|}

Legenda

È possibile aggiungere una legenda alle tabelle.

Cibo
Arancia	Mela
Pane	Dolce
Burro	Gelato

{| border="1" cellpadding="20" cellspacing="0"
|+Cibo
|-
|Arancia
|Mela
|-
|Pane
|Dolce
|-
|Burro
|Gelato
|}

Ed è anche possibile usare attributi

*Cibo*
Arancia	Mela
Pane	Dolce
Burro	Gelato

{| border="1" cellpadding="20" cellspacing="0"
|+align="bottom" style="color:#e76700;"|''Cibo''
|-
|Arancia
|Mela
|-
|Pane
|Dolce
|-
|Burro
|Gelato
|}

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.

Bontà
Arancia	Mela
Pane	Dolce
Burro	Gelato

{| border="3"  cellpadding="20" cellspacing="0"
|colspan="2"|
===Bontà===
|-
|Arancia
|Mela
|-
|Pane
|Dolce
|-
|Burro
|Gelato
|}

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.