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 &lt;nowiki&gt; &lt;/nowiki&gt;.

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%;"|Tu 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%;"|Tu 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 di qualsiasi tabella come di seguito.

class="wikitable"
Basic styling (light gray background, borders, padding and align left) can be achieved by adding 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%;"| Tu 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%;"| Tu digiti ! style="width: 50%;"| Ottieni
 * style="padding: 5px;"|
 * style="padding: 5px;"|
 * style="padding: 5px;"|


 * }

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

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


 * }

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%" | Tu 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 in alto, destra, in basso, sinistra (RICORDA l'ordine orario &uarr;&rarr;&darr;&larr;):

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


 * }


 * Quando ci sono meno di 4 valori :
 * three values i.e.,  ,  : then the default value for   is the one of   (second value). Width is then the same on left and right side.
 * two values i.e.,  : then the default value for   is the one of   (first value), and   by default is assigned the value of   (second value). Width on top is then the same as on bottom; width on left is the same as on right.
 * one value i.e. : then the default value for   is the one of   and it is the same for   and  . The fourth width are the same and build a regular border. This is a writing shortcut.

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

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

Tu digiti:

Ottieni:

Accessibility of table header cells
Table header cells do not explicitly specify which table data cells they apply to (those on their right on the same row, or those below them on the same column). When the table is rendered in a visual 2D environment, this is usually easy to infer.

However when tables are rendered on non-visual media, you can help the browser to determine which table header cell applies to the description of any selected cell (in order to repeat its content in some accessibility helper) using a scope="row" or scope="col" attribute on table header cells. In most cases with simple tables, you'll use scope="col" on all header cells of the first row, and scope="row" on the first cell of the following rows:

Allineamento tabella
L'allineamento della tabella è ottenuta tramite il CSS. L'allineamento della tabella è controllata dai margini. A fixed margin on one side will make the table to be aligned to that side, if on the opposite side the margin is defined as auto. Per avere una tabella centrata, si devono impostare entrambi i margini su auto

For example, a right-aligned table:

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


 * }

And a center-aligned table:

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


 * }

Table floating around text
If you align a table to the right or the left side of the page, the text that comes after the table starts at the end of it, leaving an empty space around the table. You can make the text to be wrapped around the table by making the table to float around the text instead of just aligning it. This can be achieved using the  CSS attribute, which can specify where the table floats to the right side or to the left. When using float, margins doesn't control table alignment and can be used to specify the margin between the table and the surrounding text.

{| style="width:100%" ! style="width: 50%;"|Tu 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.
 * }

Allineamento dei contenuti della cella
The alignment of cell contents can be controlled with 2 different CSS properties:  and. can be specified at the table, row or individual cells, while  only can be specified at individual rows or cells.

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


 * }

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.

CSS vs attributes
Table borders specified through CSS rather than the border attribute will render incorrectly in a small subset of text browsers.

Attributi comuni per colonne, gruppi di colonna e gruppi di riga
The MediaWiki syntax for tables currently offers no support for specifying common attributes for columns (with the HTML element ), column groups (HTML element ) and row groups (HTML elements ,  and ). Those standard HTML elements are not accepted even in their HTML or XHTML syntax.

All the rows and cells (header or data) of the table are rendered within a single implicit row group (HTML element ) without any attributes or styles.

Tabelle e il Visual Editor (VE)

 * Vedi anche: 

Vedere T108245: "Fully support basic table editing in the visual editor". See the list of tasks. Finished tasks are struck. It can be difficult to figure out from the technical language there what exactly has been improved, or what features have been added. Please add explanatory info below.

Can now move or delete columns and rows
Click on a column or row header. Then click on the arrow. From the popup menu click on "Move" or "Delete".

Inserire una riga o una colonna vuota
From the same popup menu click on "Insert".

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). To do so safely, use a sandbox and check the table for proper coding in wikitext source mode and proper display in the Visual Editor and in preview mode.

Helping tools

 * Excel2Wiki allows you to copy a stylesheet from Excel, Apache OpenOffice, LibreOffice, or Gnumeric to convert it into wikicode table.