Avviso: la manutenzione straordinaria prosegue martedì 31 marzo 2026. Informiamo che le attività tecniche applicative si sono concluse con successo venerdì scorso e siamo solo in attesa dell'autorizzazione da parte del gestore del dominio SBN.it per redirigere il traffico web al server nuovo. Successivamente servirà soltanto autorizzazione dal reparto sistemistico ministeriale per emettere nuovo certificato sicuro. Questo potrebbe causare l'avviso "Sito non sicuro". Nel caso invitiamo semplicemente ad attendere la conclusione di tutte le operazioni. Grazie per l'attesa.

Aiuto:Tabelle: differenze tra le versioni

Da GuidaSBN.
(creo pagina)
 
(aggiungo)
 
(2 versioni intermedie di uno stesso utente non sono mostrate)
Riga 16: Riga 16:
 
|-
 
|-
 
| <pre>|</pre> || Contenuto della tabella || '''obbligatorio'''
 
| <pre>|</pre> || Contenuto della tabella || '''obbligatorio'''
 +
|-
 +
| <pre>||</pre> || Separatore delle celle || '''obbligatorio'''
 
|-
 
|-
 
| <pre>|}</pre> || Fine della tabella || '''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.
+
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="70%"
+
{| class="wikitable" width="75%"
 
! Parametro !! Descrizione
 
! Parametro !! Descrizione
 
|-
 
|-
−
| <pre>class="wikitable"</pre> || Seleziona il formato "wikitable", ossia una forma graficamente più aggraziata di tabella.<br/><u>Non va usato con "border".</u>
+
| <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.<br/><u>Non va usato con "border".</u>
+
| <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>border="0"</pre> || Permette di creare una tabella senza bordi ([[Guida antico/Descrizione/Collezioni/Legami#4.4|esempio]]).<br/><u>Non va usato con "wikitable" o "wikitable sortable".</u>
+
 
|-
 
|-
 
| <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>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).
 
| <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
 
|}
 
|}

Versione attuale delle 18:38, 12 dic 2016

Home > Aiuto:Tabelle

In questa pagina viene spiegata la sintassi per inserire una tabella tramite il wikitesto.

Sommario

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

Comando Effetto Uso 
{|
 Inizio della tabella obbligatorio 
|-
 Nuova riga della tabella obbligatorio 
|+
 Titolo della tabella facoltativo 
!
 Intestazione facoltativo 
|
 Contenuto della tabella obbligatorio 
||
 Separatore delle celle obbligatorio 
|}
 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 ({|).

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

I parametri width e text-align 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: 

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

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: 

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

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 class="wikitable"

Tabella semplice con bordi

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

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

Questo codice genera il seguente effetto:

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: 

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

Il risultato sarà:

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

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

Il risultato sarà:

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

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

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

Il risultato sarà:

Titolo 1 Titolo 2
Cella 1, riga 1 Cella 2, riga 1
Cella 1, riga 2 Cella 2, riga 2
Estratto da "https://norme.iccu.sbn.it/index.php?title=Aiuto:Tabelle&oldid=3508"