Wiki Page Content

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

    Elenchi puntati e altri contenuti complessi delle celle

    [ATTACH]

    Feedback
    Please include your contact information if you'd like to receive a reply.
    Submit