Aiuto:Come usare le tabelle: differenze tra le versioni

Aggiungi collegamenti
Da Wikisource.
Naviga nella cronologia in modo interattivo
← Differenza precedente
Contenuto cancellato Contenuto aggiunto
VisualeWikitesto
MauC66 (discussione | contributi)
6 318 modifiche
Etichetta: Editor wikitesto 2017
CandalBot (discussione | contributi)
Bot
345 235 modifiche
m Bot: rimuovo tag deprecati
 
Riga 456: Riga 456:


<!-- == Tabelle ordinabili ==
<!-- == Tabelle ordinabili ==
Aggiungendo in testa alla tabella l'istruzione <tt>class="wikitable sortable"</tt> si otterrà una tabella le cui colonne sono ordinabili in senso crescente o decrescente cliccando sui pulsanti che vi appariranno.
Aggiungendo in testa alla tabella l'istruzione <samp>class="wikitable sortable"</samp> si otterrà una tabella le cui colonne sono ordinabili in senso crescente o decrescente cliccando sui pulsanti che vi appariranno.


{| class="wikitable sortable"
{| class="wikitable sortable"

Versione attuale delle 12:41, 9 giu 2018

- Aiuto

In questa pagina viene spiegata la sintassi per inserire una tabella in Wikisource usando la sintassi wiki. Per creare tabelle semplici e standardizzate si consiglia di utilizzare il template {{prettytable}}.

La versione completa e sempre aggiornata di questa pagina la trovi su Meta.

Nel seguito viene mostrato in dettaglio come costruire una tabella.

La struttura delle tabelle[modifica]

Apertura e chiusura[modifica]

Una tabella è definita dai comandi

{| parametri
|}

che corrispondono ai comandi HTML standard

<table parametri>
</table>
Attenzione: si noti che tra {| e parametri è presente uno spazio (altrimenti il primo parametro viene ignorato)

Aggiunta di una nuova riga[modifica]

Per cominciare una nuova riga si va a capo e si usa il comando

|-

equivalente al comando HTML

<tr>

I parametri possono essere aggiunti così:

|- parametri

che equivale a:

<tr parametri>

il tag verrà chiuso automaticamente all'inizio di una nuova riga o alla chiusura della tabella.

Aggiunta di una serie di celle sulla riga[modifica]

Le celle vengono generate andando a capo e usando i comandi

|

e

||

ad esempio

|cella1

|cella2

|cella3

oppure così:

|cella1||cella2||cella3

perciò "||" è equivalente a "a capo" + "|"

Entrambi i metodi corrispondono (in HTML) a:

<td>cell1</td><td>cell2</td><td>cell3</td>


I parametri delle celle vengono inseriti così:

|parametri|cella1


che corrisponde a

<td parametri>

Intestazione in grassetto[modifica]

Viene utilizzato "!" al posto del "|" di apertura. "!!" può essere utilizzato invece di "||". Tuttavia, i parametri usano ancora "|"!

Esempio:

!parametri|cella1

Titolo della tabella (caption)[modifica]

Un titolo viene creato con il comando

|+ Descrizione


che genera

<caption>Descrizione</caption>


Possono anche essere usati parametri:

|+ parametri|Descrizione


genererà

<caption parametri>Descrizione

Esempi[modifica]

Di seguito alcuni esempi. Prima viene visualizzata la tabella, quindi nel riquadro il codice da usare. Se vuoi fare degli esperimenti ricordati che c'è a tua disposizione la pagina delle prove dove potrai incollare ciò che è contenuto in ogni riquadro.

Esempio semplice[modifica]

Cella 1, riga 1 Cella 2, riga 1
Cella 1, riga 2 Cella 2, riga 2
{|

| Cella 1, riga 1
| Cella 2, riga 1
|-
| Cella 1, riga 2
| Cella 2, riga 2

|}

Esempio avanzato[modifica]

Tutta la tabella è ancorata al bordo destro della pagina e la seconda cella della prima riga si unisce alla corrispettiva della seconda riga.

Cella 1, riga 1 Cella 2, riga 1 (e 2) Cella 3, riga 1
Cella 1, riga 2 Cella 3, riga 2
{| align=right border=1

| Cella 1, riga 1
|rowspan=2| Cell 2, riga 1 (e 2)
| Cella 3, riga 1
|-
| Cella 1, riga 2
| Cella 3, riga 2

|}

Tabelle annidate[modifica]

È possibile "annidare", cioè inserire una tabella dentro un'altra tabella che la circondi.

inizio tabella madre
inizio tabella annidata
fine tabella annidata
fine tabella madre
{| border=1

| inizio tabella madre
|
{| bgcolor=#ABCDEF border=2
| inizio tabella annidata
|-
| fine tabella annidata
|}
| fine tabella madre

|}

Liste in una cella[modifica]

È possibile inserire un normale elenco puntato all'interno di una cella di tabella: solo si abbia cura di lasciare un caporiga tra l'inizio della cella e l'inizio dell'elenco.

Prima cella
  • Primo elemento della lista
  • Secondo elemento della lista
 Terza cella
{| border=1

| Prima cella
|
* Primo elemento della lista
* Secondo elemento della lista
| Terza cella

|}

Intestazioni[modifica]

Intestazione dell'intera tabella[modifica]

È possibile aggiungere un'intestazione generale allineata verticalmente in cima e orizzontalmente al centro dell'intera tabella Il codice da usare è "|+"

Intestazione dell'intera tabella.
Cella 1, riga 1 Cella 2, riga 1
Cella 1, riga 2 Cella 2, riga 2
Cella 1, riga 3 Cella 2, riga 3
{| border=1 align=right

|+ '''Intestazione dell'intera tabella.'''
|Cella 1, riga 1 ||Cella 2, riga 1
|-
|Cella 1, riga 2 ||Cella 2, riga 2
|-
|Cella 1, riga 3 ||Cella 2, riga 3

|}

Intestazioni di colonna[modifica]

È possibile contrassegnare come intestazione singole celle iniziali di colonna o di riga usando il punto esclamativo "!" invece della barra verticale "|". Le righe di intestazione basate sui "!" vanno comunque chiuse con "|-"

Intestazione 1 Intestazione 2
Cella1 Cella2
{| border=1

! Intestazione 1!! Intestazione 2
|-
| Cella1|| Cella2

|}

Intestazioni di riga[modifica]

intestazione riga 1 abc def ghi gchf ghh dfgh
intestazione riga 2 gfbb gbgbds dfgsdsdg
{| border=1 cellspacing=0

! intestazione riga 1
| abc def ghi
| gchf ghh dfgh
|-
! intestazione riga 2
| gfbb gbgbds
| dfgsdsdg

|}

Intestazioni di colonna e di riga[modifica]

Intestazione colonna 1 intestazione colonna 2
intestazione riga 1 abc def ghi gchf ghh dfgh
intestazione riga 2 gfbb gbgbds dfgsdsdg
{| border=1 cellspacing=0

!
! Intestazione colonna 1
! intestazione colonna 2
|-
! intestazione riga 1
| abc def ghi
| gchf ghh dfgh
|-
! intestazione riga 2
| gfbb gbgbds
| dfgsdsdg

|}
Attenzione a questo codice, pare simile al precedente ma senza gli opportuni caporiga l'effetto è diverso:
  Intestazione colonna1 Intestazione colonna2
intestazione riga 1 abc def ghi gchf ghh dfgh
Intestazione riga 2 gfbb gbgbds dfgsdsdg
Intestazione riga 3
{| border=1 cellspacing=0

! &nbsp; !! Intestazione colonna1 !! Intestazione colonna2
|-
! intestazione riga 2 || abc def ghi || gchf ghh dfgh
|-
! intestazione riga 2 || gfbb gbgbds || dfgsdsdg
|-
! intestazione riga 3 || ||

|}

Colori[modifica]

È possibile colorare righe o celle usando i codici esadecimali dei colori subito dopo i codici di apertura di cella o riga.

cella 1 cella 2
cella 3 cella 4
{|

| cella 1 || cella 2
|- bgcolor=#abcdef
| cella 3 || cella 4

|}


cella 1 cella 2
cella 3 cella 4
{|

| bgcolor=#abcdef | cella 1 || cella 2
|-
| cella 3 || cella 4

|}


Centrare una tabella nella pagina[modifica]

Per centrare una tabella nella pagina occorre inserirla in una tabella esterna a cui assegnare il tag align="center". 

{| style="width:100%; background:transparent"
| align="center" |
{| class="wikitable"
! Colonna 1 !! Colonna 2
|-
| Riga 1 cella 1 || Riga 1 cella 2
|-
| Riga 2 cella 1 || Riga 2 cella 2
|}
|}

Risultato:

Colonna 1 Colonna 2
Riga 1 cella 1 Riga 1 cella 2
Riga 2 cella 1 Riga 2 cella 2

Come convertire una tabella HTML[modifica]

Una tabella HTML può essere convertita direttamente in una wiki-tabella servendosi dei convertitori automatici contenuti nei seguenti siti:

Domande?[modifica]

Se hai domande, dubbi, proposte o necessiti di chiarimenti su come usare le tabelle premi qui e lascia un messaggio nella pagina di discussione.

Estratto da "https://it.wikisource.org/w/index.php?title=Aiuto:Come_usare_le_tabelle&oldid=2122081"