Visualizza wikitesto di Aiuto:Tabelle

In questa pagina viene spiegata la sintassi per inserire una '''tabella''' tramite il [[Aiuto:Formattazione|wikitesto]].

== Sommario ==
In questa tabella sono indicati i comandi principali, o comunque più utilizzati, di solito nel costruire una tabella.

{| class="wikitable" width="40%"
! Comando !! Effetto !! Uso
|-
| <pre>{|</pre> || Inizio della tabella || '''obbligatorio'''
|-
| <pre>|-</pre> || Nuova riga della tabella || '''obbligatorio'''
|-
| <pre>|+</pre> || Titolo della tabella || ''facoltativo''
|-
| <pre>!</pre> || Intestazione || ''facoltativo''
|-
| <pre>|</pre> || Contenuto della tabella || '''obbligatorio'''
|-
| <pre>||</pre> || Separatore delle celle || '''obbligatorio'''
|-
| <pre>|}</pre> || Fine della tabella || '''obbligatorio'''
|}

In questa tabella sono invece indicati i parametri principali, o comunque più utilizzati di solito, nel ''formattare'' una tabella. Questi parametri possono essere inseriti dopo il codice di apertura della tabella (<code>{|</code>).

{| class="wikitable" width="75%"
! Parametro !! Descrizione
|-
| <pre>class="wikitable"</pre> || Seleziona il formato "wikitable", ossia una forma graficamente più aggraziata di tabella.
|-
| <pre>class="wikitable sortable"</pre> || Seleziona il formato "wikitable", con l'aggiunta di poterla rendere ordinabile per ordine alfabetico in base alla singola colonna selezionata.
|-
| <pre>width="xx%"</pre> || Permette di stabilire quanto ampia debba essere una tabella.<br/>Si consiglia di utilizzare un valore compreso fra il 30% (minimo) e il 99% (massimo).
|-
| <pre>style="text-align:xxx"</pre> || Permette di stabilire quanto l'orientamento del testo di tutta la tabella o di una sua cella.<br/>I valori ammessi sono: "left" (sinistra), "center" (centro), "right" (destra).
|}

I parametri <code>width</code> e <code>text-align</code> possono essere utilizzati anche all'interno della tabella per formattare il contenuto.

== Esempi ==
=== Tabella semplice priva di bordi ===
Una tabella priva di parametri genera una tabella completamente trasparente (ossia senza bordi). Il seguente codice:

<pre>
{|
| Cella 1, riga 1 || Cella 2, riga 1 
|- 
| Cella 1, riga 2 || Cella 2, riga 2 
|}
</pre>

genera la seguente tabella:

{|
| Cella 1, riga 1 || Cella 2, riga 1 
|- 
| Cella 1, riga 2 || Cella 2, riga 2 
|}

La stessa tabella può essere generata con una intestazione nel seguente modo:

<pre>
{|
! Titolo 1 !! Titolo 2
|-
| Cella 1, riga 1 || Cella 2, riga 1 
|- 
| Cella 1, riga 2 || Cella 2, riga 2 
|}
</pre>

Il risultato sarà:

{|
! Titolo 1 !! Titolo 2
|-
| Cella 1, riga 1 || Cella 2, riga 1 
|- 
| Cella 1, riga 2 || Cella 2, riga 2 
|}

Tuttavia, '''si sconsiglia fortemente''' di utilizzare le intestazioni con una tabella priva di bordi e di utilizzarle solo con <code>class="wikitable"</code>

=== Tabella semplice con bordi ===
Per generare una tabella semplice con dei bordi, basta inserire <code>class="wikitable"</code> dopo il codice di apertura della tabella (<code>{|</code>).

<pre>
{| class="wikitable"
| Cella 1, riga 1 || Cella 2, riga 1 
|- 
| Cella 1, riga 2 || Cella 2, riga 2 
|}
</pre>

Questo codice genera il seguente effetto:

{| class="wikitable"
| Cella 1, riga 1 || Cella 2, riga 1 
|- 
| Cella 1, riga 2 || Cella 2, riga 2 
|}

Se non viene indicata alcuna larghezza, di default la tabella si adatta all'ampiezza del testo che viene inserito nelle celle.

La stessa tabella può essere generata con una intestazione nel seguente modo:

<pre>
{| class="wikitable"
! Titolo 1 !! Titolo 2
|-
| Cella 1, riga 1 || Cella 2, riga 1 
|- 
| Cella 1, riga 2 || Cella 2, riga 2 
|}
</pre>

Il risultato sarà:

{| class="wikitable"
! Titolo 1 !! Titolo 2
|-
| Cella 1, riga 1 || Cella 2, riga 1 
|- 
| Cella 1, riga 2 || Cella 2, riga 2 
|}

=== Tabella con bordi e larghezza fissa ===
Qualora serva, è possibile impostare una larghezza fissa per tutta la tabella. Tale larghezza deve essere compresa, come già detto per motivi di leggibilità, fra il 30% e il 99%.
<pre>
{| class="wikitable" width="50%"
! Titolo 1 !! Titolo 2
|-
| Cella 1, riga 1 || Cella 2, riga 1 
|- 
| Cella 1, riga 2 || Cella 2, riga 2 
|}
</pre>

Il risultato sarà:

{| class="wikitable" width="50%"
! Titolo 1 !! Titolo 2
|-
| Cella 1, riga 1 || Cella 2, riga 1 
|- 
| Cella 1, riga 2 || Cella 2, riga 2 
|}

Qualora serva ridurre lo spazio di una delle due colonne a vantaggio dell'altra, l'intestazione va scritta così:
<pre>
{| class="wikitable" width="50%"
! width="20%" | Titolo 1 !! Titolo 2
|-
| Cella 1, riga 1 || Cella 2, riga 1 
|- 
| Cella 1, riga 2 || Cella 2, riga 2 
|}
</pre>

{| class="wikitable" width="50%"
! width="20%" | Titolo 1 !! Titolo 2
|-
| Cella 1, riga 1 || Cella 2, riga 1 
|- 
| Cella 1, riga 2 || Cella 2, riga 2 
|}

=== Tabella con orientamento imposto dall'utente ===
Qualora serva, è possibile impostare anche l'orientamento del testo delle celle o delle intestazioni. Per esempio, se volessimo impostare il testo della prima colonna al centro:
<pre>
{| class="wikitable" width="50%"
! Titolo 1 !! Titolo 2
|-
| style="text-align:center" | Cella 1, riga 1 || Cella 2, riga 1 
|- 
| style="text-align:center" | Cella 1, riga 2 || Cella 2, riga 2 
|}
</pre>

Il risultato sarà:

{| class="wikitable" width="50%"
! Titolo 1 !! Titolo 2
|-
| style="text-align:center" | Cella 1, riga 1 || Cella 2, riga 1 
|- 
| style="text-align:center" | Cella 1, riga 2 || Cella 2, riga 2 
|}