##master-page:HelpOnTables
##master-date:2006-03-19 02:02:13
#acl -All:write Default
#format wiki
#language it
== Formattare una tabella ==

Per creare una tabella, è necessario iniziare e terminare una riga usando il marcatore "{{{||}}}". Tra quei due marcatori è possibile inserire un qualunque numero di celle separandole sempre con "{{{||}}}".
Per ottenere una cella centrata che occupi diverse colonne, iniziare quella cella con più di un marcatore. Righe di testo adiacenti allo stesso livello di rientro che contengono i marcatori di tabella, verranno combinate in un'unica tabella.

Per ulteriori informazioni sulle possibilità di formattazione, consultare AiutoSuModificaPagina.

=== Attributi delle tabelle ===

Oltre alla possibilità di specificare più di un marcatore per ottenere una cella che occupi più colonne, è possibile anche specificare svariati altri attributi HTML della tabella.

Qualsiasi attributo deve essere specificato tra parentesi angolari {{{<...>}}}, subito dopo il marcatore della cella.

Il marcatura wiki offre le seguenti opzioni:

 * {{{<-2>}}}: colspan
 * {{{<|2>}}}: rowspan

 * {{{<style="...">}}} inserirà le informazioni dello stile nella cella (td) HTML
 * {{{<rowstyle="...">}}} inserirà le informazioni dello stile nella riga (tr) HTML
 * {{{<tablestyle="...">}}} inserirà le informazioni dello stile nella tabella (table) HTML

 * {{{<class="...">}}} inserirà quella classe CSS nella cella (td) HTML
 * {{{<rowclass="...">}}} inserirà quella classe CSS nella riga (tr) HTML
 * {{{<tableclass="...">}}} inserirà quella classe nella tabella (table) HTML
 * {{{<id="...">}}} inserirà quella `id` CSS nella cella (td) HTML

Queste istruzioni per lo stile ''tutto ciò che serve'' per dare uno stile alle tabelle. Utilizzando la formattazione CSS, la stessa verrà riportata nei tag HTML generati. Oppure l'amministratore e l'utente (l'uno nel file del tema, l'altro attraverso <<GetText(UserPreferences)>>) possono estendere il CSS di Moin con le loro definizioni, in modo che l'utente possa riferirsi a esse usando le classi o gli id. È possibile utilizzare diverse opzioni allo stesso tempo scrivendole una dopo l'altra all'interno delle stesse parentesi angolari (per esempio {{{<tablestyle="..." rowstyle="...">}}} nella prima cella per impostare sia lo stile generico della tabella che quello della prima riga).

La vecchia formattazione delle tabelle è ancora supportata, ma genera l'effetto di aggiungere i valori ai parametri `style`:

 * {{{<50%>}}}: larghezza cella (aggiungerà `width: 50%;` allo stile)
 * {{{<width="50%">}}}: stessa cosa
 * {{{<tablewidth="100%">}}}: imposta la larghezza della tabella al 100% (valido solo nella prima riga della tabella)

 * {{{<(>}}}: allineato a sinistra (aggiungerà `text-align: left;` allo stile)
 * {{{<:>}}}: centrato (aggiungerà `text-align: center;` allo stile)
 * {{{<)>}}}: allineato a destra (aggiungerà `text-align: right;` allo stile)
 * {{{<^>}}}: allineato in alto (aggiungerà `vertical-align: top;` allo stile)
 * {{{<v>}}}: allineato in basso (aggiungerà `vertical-align: bottom;` allo stile)

 * {{{<#XXXXXX>}}}: colore di fondo (aggiungerà `background-color: #XXXXXX;` allo stile)
 * {{{<bgcolor="#XXXXXX">}}} stessa cosa
 * {{{<rowbgcolor="#XXXXXX">}}} imposta il colore di fondo in una riga (valido solo nella prima cella)
 * {{{<tablebgcolor="#XXXXXX">}}} imposta il colore di fondo della tabella

Nel caso si utilizzino diverse opzioni in conflitto tra loro, come {{{<(:)>}}}, l'ultima opzione vince sulle altre. Non esiste un'opzione specifica per centrare il testo in verticale (''middle''), perché questo è sempre il valore predefinito.

=== Esempio ===
{{{
 NUOVO STILE: Impostazione generale della tabella e opzioni tipo HTML::
 ||||||<tablestyle="width: 80%">'''Titolo'''||
 ||cella 1||cella 2||cella 3||
 ||<rowspan=2> riga allargata||||<style="background-color: #E0E0FF;"> larga 2 colonne||
 ||<rowstyle="background-color: #FFFFE0;">cella 2||cella 3||
 Larghezza cella::
 || stretta ||<style="width: 99%; text-align: center;"> larga ||
 Allargare righe e colonne::
 ||<|2> 2 righe || riga 1 ||
 || riga 2 ||
 ||<-2> riga 3 su 2 colonne ||
 Allineamento::
 ||<style="text-align: left;">a sinistra ||<style="vertical-align: top; text-align: center;"|3> in alto ||<style="vertical-align: bottom;"|3> in basso ||
 ||<style="text-align: center;"> centrato ||
 ||<style="text-align: right;"> a destra ||
 Caratteri::
 || normale ||<style="font-weight: bold;"> grassetto ||<style="color: #FF0000;"> rosso ||<style="color: #FF0000; font-weight: bold;"> rosso e in grassetto ||
 Colori::
 ||<style="background-color: red;"> rosso ||<style="background-color: green;"> verde ||<style="background-color: blue;"> blu ||

 VECCHIO STILE: Impostazione generale della tabella e opzioni tipo HTML::
 ||||||<tablewidth="80%">'''Titolo'''||
 ||cella 1||cella 2||cella 3||
 ||<rowspan=2> riga allargata||||<bgcolor="#E0E0FF"> larga 2 colonne||
 ||<rowbgcolor="#FFFFE0">cella 2||cella 3||
 Larghezza Cella::
 || stretta ||<:99%> larga ||
 Allargare righe e colonne::
 ||<|2> 2 righe || riga 1 ||
 || riga 2 ||
 ||<-2> riga 3 su 2 colonne ||
 Allineamento::
 ||<(> a sinistra ||<^|3> in alto ||<v|3> in basso ||
 ||<:> centrato ||
 ||<)> a destra ||
 Colori::
 ||<#FF8080> rosso ||<#80FF80> verde ||<#8080FF> blu ||
 Andare a capo in una cella::
 || riga 1<<BR>>riga 2||
}}}

=== Viene visualizzato ===
 NUOVO STILE: Impostazione generale della tabella e opzioni tipo HTML::
 ||||||<tablestyle="width: 80%">'''Titolo'''||
 ||cella 1||cella 2||cella 3||
 ||<rowspan=2> riga allargata||||<style="background-color: #E0E0FF;"> larga 2 colonne||
 ||<rowstyle="background-color: #FFFFE0;">cella 2||cella 3||
 Larghezza cella::
 || stretta ||<style="width: 99%; text-align: center;"> larga ||
 Allargare righe e colonne::
 ||<|2> 2 righe || riga 1 ||
 || riga 2 ||
 ||<-2> riga 3 su 2 colonne ||
 Allineamento::
 ||<style="text-align: left;">a sinistra ||<style="vertical-align: top; text-align: center;"|3> in alto ||<style="vertical-align: bottom;"|3> in basso ||
 ||<style="text-align: center;"> centrato ||
 ||<style="text-align: right;"> a destra ||
 Caratteri::
 || normale ||<style="font-weight: bold;"> grassetto ||<style="color: #FF0000;"> rosso ||<style="color: #FF0000; font-weight: bold;"> rosso e in grassetto ||
 Colori::
 ||<style="background-color: red;"> rosso ||<style="background-color: green;"> verde ||<style="background-color: blue;"> blu ||

 VECCHIO STILE: Impostazione generale della tabella e opzioni tipo HTML::
 ||||||<tablewidth="80%">'''Titolo'''||
 ||cella 1||cella 2||cella 3||
 ||<rowspan=2> riga allargata||||<bgcolor="#E0E0FF"> larga 2 colonne||
 ||<rowbgcolor="#FFFFE0">cella 2||cella 3||
 Larghezza Cella::
 || stretta ||<:99%> larga ||
 Allargare righe e colonne::
 ||<|2> 2 righe || riga 1 ||
 || riga 2 ||
 ||<-2> riga 3 su 2 colonne ||
 Allineamento::
 ||<(> a sinistra ||<^|3> in alto ||<v|3> in basso ||
 ||<:> centrato ||
 ||<)> a destra ||
 Colori::
 ||<#FF8080> rosso ||<#80FF80> verde ||<#8080FF> blu ||
 Andare a capo in una cella::
 || riga 1<<BR>>riga 2||


=== Inserire tabelle di dati da altre fonti ===

 * Valori separati da virgole: consultare [[AiutoSuProcessoriDiCodice#csvparser]]
 * Includere pagine wiki: consultare [[AiutoSuMacro/Includi]]

=== Elenchi puntati e altri contenuti complessi delle celle ===
{{attachment:MiniPage.png}}
 * Consultare [[http://moinmoin.wikiwikiweb.de/MacroMarket/MiniPage|Macro MiniPage]]