Template:Static row numbers/man

Il template {{Static row numbers}} per funzionare utilizza il codice CSS del {{Static row numbers/styles.css}}. Aggiunge una colonna di celle numerate a una tabella. Queste celle non si allineano con il resto della tabella, rimanendo statiche. Inoltre produce delle classi facoltative per visualizzare un'etichetta di colonna o disabilitare celle su righe specifiche.

Utilizzo

Includere questo template sopra l'apertura di tabella e aggiungere il codice static-row-numbers all'istruzione class iniziale della tabella. Altre classi come wikitable, sortable ecc... possono essere aggiunte alla tabelle di dati, come {| class="wikitable sortable static-row-numbers".

Istruzione base:

{{Static row numbers}}
{| class="static-row-numbers"

Classi utilizzate a inizio tabella: {| class="class1 class2".

Table class	Descrizione
static-row-numbers	Obbligatorio. Visualizza una colonna di celle numerate. Richiede almeno una riga di intestazione.
static-row-header-text	Visualizza "N." nell'etichetta della colonna.
static-row-header-hash	Visualizza il simbolo "#" nell'etichetta della colonna.

Classi utilizzate nel corpo tabella: |- class="class1 class2".

Row class	Descrizione
static-row-header	Disabilita un numero di riga. Disabilita i bordi tra le celle (simula rowspan). Aggiunge alle righe sorttop e sortbottom. Aggiunge alle righe di intestazione tranne la prima.
static-row-numbers-norank	Disabilita un numero di riga. Mantiene i bordi tra le celle. Facoltativamente aggiungere alle righe dei dati.

Uso con sortable

Più righe di intestazione in una tabella ordinabile dovrebbero avere la classe static-row-header aggiunta a tutte le righe di intestazione tranne la prima in modo che non siano numerate quando JavaScript è disabilitato. È necessario anche sulle righe che utilizzano la classe sorttop o sortbottom, descritta in #Disabilitare la numerazione in una specifica riga.

Il codice:
{{Static row numbers}}
{| class="wikitable sortable static-row-numbers"
|-
! rowspan="2" | Colore
! colspan="3" | Dati
|- class="static-row-header"
! A !! B !! C
|-
| Red || 1 || 2 || 3
|-
| Lime || 4 || 5 || 6
|-
| Gold || 7 || 8 || 9
|- class="sortbottom static-row-header"
| '''Totale''' || 12 || 15 || 18
|- class="sortbottom static-row-header"
| '''Media''' || 4 || 5 || 6

|}

Produce:

Colore	Dati
	A	B	C
Red	1	2	3
Lime	4	5	6
Gold	7	8	9
Totale	12	15	18
Media	4	5	6

Uso senza sortable

Più righe di intestazione in una tabella non ordinabile dovrebbero avere la classe static-row-header aggiunta a tutte le righe di intestazione tranne la prima, descritta in #Disabilitare la numerazione in una specifica riga.

Il codice:
{{Static row numbers}}
{| class="wikitable static-row-numbers"
|-
! rowspan="2" | Colore
! colspan="3" | Dati
|- class="static-row-header"
! A !! B !! C
|-
| Red || 1 || 2 || 3
|-
| Lime || 4 || 5 || 6
|-
| Gold || 7 || 8 || 9
|}

Produce:

Colore	Dati
	A	B	C
Red	1	2	3
Lime	4	5	6
Gold	7	8	9

Visualizzare "N." in intestazione di colonna

Per visualizzare "N." text in intestazione di colonna, aggiungere la classe static-row-header-text nella tabella.

Il codice:
{{Static row numbers}}
{| class="wikitable static-row-numbers static-row-header-text"
|-
! rowspan="2" | Colore
! colspan="3" | Dati
|- class="static-row-header"
! A !! B !! C
|-
...

Produce:

Colore	Dati
	A	B	C
Red	1	2	3
Lime	4	5	6
Gold	7	8	9

Visualizza il simbolo "#" nell'intestazione di colonna

Per visualizzare il simbolo "#") in intestazione di colonna, aggiungere il codice static-row-header-hash in tabella.

Il codice:
{{Static row numbers}} <nowiki>{| class="wikitable static-row-numbers static-row-header-hash"
|-
! rowspan="2" | Colore
! colspan="3" | Dati
|- class="static-row-header"
! A !! B !! C
|-
...

Produce:

Color	Data
	A	B	C
Red	1	2	3
Lime	4	5	6
Gold	7	8	9

Disabilitare la numerazione in una specifica riga

Questa sezione spiega in dettaglio come disabilitare i numeri su righe specifiche aggiungendo la classe static-row-numbers-norank o static-row-header alla struttura della riga.

La classe static-row-numbers-norank può essere aggiunta alle righe di dati per disabilitare il numero.

La classe static-row-header disabilita il numero e il bordo tra le altre righe che utilizzano questa classe consecutivamente, simulando un rowspan (vedi [[Help:Table#Colspan and rowspan] ]). Dovrebbe essere aggiunto a:

• Righe di intestazione esclusa la prima. Per le tabelle ordinabili, impedisce la numerazione quando JavaScript è disabilitato.
• Righe che utilizzano la classe sorttop o sortbottom.

La classe sorttop o sortbottom viene aggiunta a una riga in modo che rimanga in cima o in fondo a un elenco ordinato, secondo Help:Sortable tables.

Il codice:
{{Static row numbers}}
{| class="wikitable sortable static-row-numbers"
|-
! rowspan="2" | Colore
! colspan="3" | Dati
|- class="static-row-header"
! A !! B !! C
|- class="sorttop static-row-header"
| '''Min''' || 1 || 2 || 3
|- class="sorttop static-row-header"
| '''Max''' || 10 || 11 || 12
|-
| Red || 1 || 2 || 3
|- class="static-row-numbers-norank"
| Lime || 4 || 5 || 6
|- class="static-row-numbers-norank"
| Gold || 7 || 8 || 9
|-
| Blue || 10 || 11 || 12
|- class="sortbottom static-row-header"
| '''Total''' || 22 || 26 || 30
|- class="sortbottom static-row-header"
| '''Average''' || 5.5 || 6.5 || 7.5
|}

Produce:

Colore	Dati
	A	B	C
Min	1	2	3
Max	10	11	12
Red	1	2	3
Lime	4	5	6
Gold	7	8	9
Blue	10	11	12
Total	22	26	30
Average	5.5	6.5	7.5

Collegamenti esterni

• Template Static row numbers di en.wiki: il materiale ivi presente è stato rielaborato per Chatopedia e integrato