Template:Static row numbers
Le istruzioni che seguono sono contenute nella sottopagina Template:Static row numbers/man (modifica·cronologia)
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"
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. |
Row class | Descrizione |
---|---|
static-row-header | Disabilita un numero di riga. Disabilita i bordi tra le celle (simula rowspan ).
Aggiunge alle righe |
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
osortbottom
.
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