Help:Tables/it


 * Tabelle reindirizza qui; per informazioni in merito alla struttura tabelle del database, vedi.

Nelle pagine wiki possono essere create tabelle. Come regola generale, è preferibile evitare di usare le tabelle a meno che non se ne abbia veramente bisogno. Il markup delle tabelle spesso complica la modifica delle pagine.



Sommario del markup delle tabelle nel codice wiki
Il contenuto può (a) continuare nel suo proprio simbolo di cella sulla stessa linea dopo qualsiasi attributo HTML opzionale, o (b) nelle linee sotto il simbolo della cella. Il contenuto che utilizza "wiki markup" che necessita inziare in una nuova linea, come elenchi, intestazioni o tavole annidate, deve trovarsi nella sua linea nuova.
 * Tutti i simboli sopra devono iniziare su una nuova linea eccetto il doppio  e   per aggiungere opzionalmente celle consecutive ad una linea. Comunque gli spazi bianchi all'inizio di una linea sono ignorati.
 * Attributi HTML. Tutti i simboli, eccetto il fine tabella, supportano gli attributi HTML. Gli attributi devono essere sulla stessa linea del simbolo. Separa gli attributi con uno spazio.
 * Celle e titolo ( oppure ,   oppure  , e  ) includono contenuti. Separa qualsiasi attributo dal contenuto con una barra verticale . Il contenuto della cella può continuare sulla stessa linea o sulla linea successiva.
 * Simboli di tabella e di riga ( e  ) non includono direttamente i contenuti. Non aggiungere la barra verticale  dopo gli attributi opzionali. Se si aggiunge erroneamente una barra verticale dopo gli attributi per il segno di tabella o il segno di riga, il parser cancellerà la barra  e l'attributo finale, se toccava la pipe errata!
 * Carattere barra come contenuto Per inserire il carattere in una tabella, utilizzare la scorciatoia.

Tabella semplice


Creare una tabella con l'editor della barra strumenti
Nell'editor wikitext, posizionare il cursore nel punto in cui si desidera inserire una tabella. Poi, nella barra degli strumenti, premere "", quindi scegliere il pulsante. Si apre una finestra di dialogo.

Dalla finestra di dialogo si può scegliere se abilitare una riga di intestazione della tabella, se stilizzare la tabella con un bordo e se rendere la tabella ordinabile. Viene visualizzata un'anteprima di esempio. È possibile impostare il numero di righe e colonne necessarie. Infine, premere il tasto “”.

Per impostazione predefinita, viene generato il seguente codice: Codice wiki: { | class="wikitable" style="margin:auto" |+ |- !  !!  !!  |- |  ||  ||  |- |  ||  ||  |- |  ||  ||  |} Risultato:



Sintassi minimale
La tabella che segue è priva di bordi e di una buona spaziatura ma mostra la struttura di una tabella nel più semplice markup wiki.

Le celle nella stessa riga possono essere elencate su una linea separate dal  (doppia barra verticale). Se il testo nella cella deve contenere un'interruzione di linea, utilizzare invece.

Gli spazi extra all'interno delle celle nel markup del wiki, come nel markup del wiki qui sotto, non influiscono sulla resa effettiva della tabella.

{| style="width:100%" ! style="width: 50%;"|Digiti ! style="width: 50%;"|Ottieni
 * style="padding: 5px;"|
 * style="padding: 5px;"|
 * style="padding: 5px;"|


 * }

È possibile inserire testi più lunghi o sintassi wiki più complesse anche all'interno delle celle della tabella:

{| style="width:100%" ! style="width: 50%;"|Digiti ! style="width: 50%;"|Ottieni
 * style="padding: 5px;"|
 * style="padding: 5px;"|
 * style="padding: 5px;"|


 * }



Intestazioni di tabella
Le intestazioni di tavola possono essere creati utilizzando il punto esclamativo  al posto della barra verticale  ". Per impostazione predefinita, le intestazioni sono in grassetto e centrate.

Titolo
Un titolo tabella può essere aggiunto in cima a qualsiasi tabella come di seguito.

class="wikitable"
Lo stile di base (sfondo grigio chiaro, bordi, padding e allineamento a sinistra) può essere ottenuto aggiungendo class="wikitable".



Combinazione HTML di celle in colonna e fila
È possibile utilizzare attributi HTML colspan and rowspan sulle celle per layout avanzati.



Con attributi HTML
È possibile aggiungere attributi HTML alle tabelle. Per una fonte autorevole sugli attributi HTML, vedere the W3C's HTML Specification page on tables.



Attributi nelle tabelle
Posizionare gli attributi dopo l'etichetta di inizio tabella applica gli attributi all'intera tabella.



Attributi per celle
È possibile inserire attributi su celle singole. Ad esempio, i numeri allineati a destra potrebbero facilitare la lettura.

{| style="width:100%" ! style="width: 50%;"| Digiti ! style="width: 50%;"| Ottieni
 * style="padding: 5px;"|
 * style="padding: 5px;"|
 * style="padding: 5px;"|


 * }

È anche possibile usare gli attributi per una singola cella. Notare che le celle sono separate da, e in ogni cella l'attributo(i) e valore sono separati da.

{| style="width:100%" ! style="width: 50%;"| Digiti ! style="width: 50%;"| Ottieni
 * style="padding: 5px;"|
 * style="padding: 5px;"|
 * style="padding: 5px;"|


 * }



Attributi per riga
È anche possibile inserire attributi su righe singole.



Attributi su titoli e intestazioni
Si possono aggiungere attributi al titolo e alle intestazioni come di seguito.



Spessore bordo
Se "border-width:" ha un solo numero, applica tale valore ai quatto lati:

{| style="width:100%" ! style="width:50%" | Digiti ! style="width:50%" | Ottieni
 * style="padding: 5px;" |
 * style="padding: 5px;" |
 * style="padding: 20px;"|


 * }

Se "border-width:" ha più di un numero, i quattro numeri sono per top, right, bottom, left (RICORDA l'ordine orario &uarr;&rarr;&darr;&larr;):

{| style="width:100%" ! style="width:50%" | Digiti ! style="width:50%" | Ottieni
 * style="padding: 5px;" |
 * style="padding: 5px;" |
 * style="padding: 20px;"|


 * }


 * Quando ci sono meno di 4 valori :
 * tre valori, cioè,  ,  : allora il valore predefinito di   è quello di   (secondo valore). La larghezza è quindi la stessa a sinistra e a destra.
 * due valori, cioè,  : allora il valore predefinito di   è quello di   (primo valore) e a   viene assegnato per default il valore di   (secondo valore). La larghezza in alto è quindi la stessa di quella in basso; la larghezza a sinistra è la stessa di quella a destra.
 * un valore, cioè : allora il valore predefinito di   è quello di   e lo stesso vale per   e  . La quarta larghezza è la stessa e crea un bordo regolare. Questa è una scorciatoia di scrittura.

Un altro metodo per definire la larghezza dei quattro lati di una cella è utilizzare"border-left", "border-right", "border-top" e "border-bottom": {| style="width:100%" ! style="width:50%" | Digiti ! style="width:50%" | Ottieni
 * style="padding: 5px;" |
 * style="padding: 5px;" |
 * style="padding: 20px;"|


 * }



Con attributi HTML e CSS
È possibile aggiungere attributi alle tabelle, con o senza HTML.

Spaziatura interna
{| style="width:100%;" ! style="width: 50%;"| Digiti ! style="width: 50%;"| Ottieni
 * -valign=top
 * style="padding:10px" |


 * }



Larghezza colonna
La larghezza colonna può essere aggiunta come di seguito.

Digiti:

Ottieni



Accessibilità delle celle di intestazione
Le celle di intestazione della tabella non specificano esplicitamente a quali celle dati della tabella si applicano (quelle alla loro destra sulla stessa riga o quelle sotto di loro sulla stessa colonna). Quando la tabella è resa in un ambiente visivo 2D, questo è solitamente facile da dedurre.

Tuttavia, quando le tabelle vengono rese su supporti non visivi, è possibile aiutare il browser a determinare quale cella dell'intestazione della tabella si applica alla descrizione di qualsiasi cella selezionata (per poterne ripetere il contenuto ad ausili all'accessibilità) utilizzando un attributo scope="row" o scope="col" sulle celle intestazione della tabella. Nella maggior parte dei casi, con tabelle semplici, si utilizzerà scope="col" per tutte le celle di intestazione della prima riga e scope="row" per la prima cella delle righe successive:

{| style="width:100%" ! style="width: 50%;"|Digiti ! style="width: 50%;"|Ottieni
 * style="padding: 5px;"|
 * style="padding: 5px;"|
 * style="padding: 5px;"|


 * }

Allineamento
<span id="Table_alignment">

Allineamento tabella
L'allineamento della tabella è ottenuta tramite il CSS. L'allineamento della tabella è controllata dai margini. Un margine fisso su un lato renderà la tabella allineata a quel lato, se sul lato opposto il margine è definito come auto. Per avere una tabella centrata, si devono impostare entrambi i margini su auto

Per esempio, una tabella allineata a destra:

{| style="width:100%" ! style="width: 50%;"|Digiti ! style="width: 50%;"|Ottieni
 * style="padding: 5px;"|
 * style="padding: 5px;"|
 * style="padding: 5px;"|


 * }

E una tabella centrata:

<span id="Table_floating_around_text">

Tabella fluttuante intorno al testo
Se si allinea una tabella a destra o a sinistra della pagina, il testo che viene dopo la tabella inizia alla fine della stessa, lasciando uno spazio vuoto intorno alla tabella. È possibile fare in modo che il testo venga avvolto dalla tabella, facendo in modo che la tabella fluttui attorno al testo invece di allinearlo. Questo può essere ottenuto utilizzando l'attributo CSS, che può specificare se la tabella fluttua a destra o a sinistra. Quando si utilizza float, i margini non controllano l'allineamento della tabella e possono essere usati per specificare il margine tra la tabella e il testo circostante.

{| style="width:100%" ! style="width: 50%;"|Digiti ! style="width: 50%;"|Ottieni
 * style="padding: 5px;"|
 * style="padding: 5px;"|

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
 * style="padding: 5px;"|

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
 * }

<span id="Cell_contents_alignment">

Allineamento dei contenuti della cella
L'allineamento del contenuto di una cella può essere controllato con 2 differenti proprietà del CSS:  e. può essere specificato per la tabella, riga o cella singola, mentre  può essere specificate solo per righe o celle singole.

{| style="width:100%" ! style="width: 50%;"|Digiti ! style="width: 50%;"|Ottieni
 * style="padding: 5px;"|
 * style="padding: 5px;"|
 * style="padding: 5px;"|


 * }

Avvertenze
<span id="Negative_numbers">

Numeri negativi
I numeri negativi possono interrompere la tabella. Se vuoi iniziare la cella con un numero negativo (|-6), devi lasciare uno spazio (| -6) o usare la doppia linea (||-6) per una corretta visualizzazione.

<span id="CSS_vs_attributes">

CSS rispetto ad attributi
I bordi delle tabelle specificati tramite i CSS anziché l'attributo border vengono restituiti in modo errato in un piccolo sottoinsieme di browser di testo.

<span id="Common_attributes_for_columns,_column_groups_and_row_groups">

Attributi comuni per colonne, gruppi di colonna e gruppi di riga
La sintassi di MediaWiki per le tabelle non offre attualmente alcun supporto per specificare attributi comuni per le colonne (con l'elemento HTML ), gruppi colonna (elemento HTML <colgroup ></colgroup>) e gruppi riga (elementi HTML <thead ></thead>, <tbody ></tbody> and <tfoot ></tfoot>). Questi elementi HTML standard non sono accettati nemmeno nella loro sintassi HTML o XHTML.

Tutte le righe e le celle (intestazione o dati) della tabella sono rese all'interno di un singolo gruppo implicito di righe (elemento HTML <tbody ></tbody>) senza attributi o stili.

<span id="Tables_and_the_Visual_Editor_(VE)">

Tabelle e il Visual Editor (VE)

 * Vedi anche: 

Vedere T108245: "Fully support basic table editing in the visual editor". Vedere l'elenco dei compiti. I compiti completati sono barrati. Può essere difficile capire dal linguaggio tecnico che cosa è stato migliorato esattamente o quali funzioni sono state aggiunte. Si prega di aggiungere informazioni esplicative qui sotto.

<span id="Can_now_move_or_delete_columns_and_rows">

Spostare o cancellare colonne e righe
Fare clic su una intestazione di colonna o di riga. Quindi fare clic sulla freccia. Dal menu popup fare clic su "Sposta" o "Cancella".

<span id="Insert_blank_row_or_column">

Inserire una riga o una colonna vuota
Dallo stesso menu popup è possibile fare clic su "Inserisci".

<span id="Copy_table_from_web_page_to_Visual_Editor">

Copiare una tabella da una pagina web a Visual Editor
È possibile copiare e incollare una tabella da una pagina web direttamente in Visual Editor (VE). Per farlo in modo sicuro, utilizzare una sandbox e verificare che la tabella sia codificata correttamente in modalità sorgente wikitesto e visualizzata correttamente in Visual Editor e in modalità anteprima.

<span id="Helping_tools">

Strumenti utili

 * Excel2Wiki permette di copiare un foglio di stile da Excel, Apache OpenOffice, LibreOffice o Gnumeric per convertirlo in una tabella wikicode.

<span id="See_also">

Vedi anche

 * Sorting rows of a table
 * m:Help:Sorting
 * w:Help:Tables
 * Uno strumento visuale che aiuta a generare tabelle