Template:Static row numbers/man

Da Cathopedia, l'enciclopedia cattolica.
Vai alla navigazione Vai alla ricerca

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