MoinMaster: AiutoSuTabelle

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

Titolo
cella 1	cella 2	cella 3
riga allargata	larga 2 colonne
	cella 2	cella 3

Larghezza cella

stretta

larga

Allargare righe e colonne

2 righe	riga 1
	riga 2
riga 3 su 2 colonne

Allineamento

a sinistra	in alto	in basso
centrato
a destra

Caratteri

normale

grassetto

rosso

rosso e in grassetto

Colori

rosso

verde

blu

VECCHIO STILE: Impostazione generale della tabella e opzioni tipo HTML

Titolo
cella 1	cella 2	cella 3
riga allargata	larga 2 colonne
	cella 2	cella 3

Larghezza Cella

stretta

larga

Allargare righe e colonne

2 righe	riga 1
	riga 2
riga 3 su 2 colonne

Allineamento

a sinistra	in alto	in basso
centrato
a destra

Colori

rosso

verde

blu

Andare a capo in una cella

riga 1 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

• Consultare Macro MiniPage