Sjabloon:Sticky header

Sjabloondocumentatie​

Doel

De kop van een lange tabel vastzetten bij het scrollen door een pagina.

Gebruik

Plaats dit sjabloon boven een tabel, en voeg in de tabel zelf de class "sticky-header" toe.

{{Sticky header}}
{| class="wikitable sortable sticky-header"
⫶
|}

Voorbeeld

{{Sticky header}}
{| class="wikitable sticky-header"
! Naam !! Winst !! Verlies
|-
| A || 3 || 6
|-
| B || 2 || 12
|-
| C || 8 || 4
⫶
|}

Naam	Winst	Verlies
A	3	6
B	2	12
C	8	4
D	6	3
E	12	2

Meerdere regels in de kop

De sticky-header-multi class moet gebruikt worden als de kop uit meerdere regels bestaat. Dit werkt alleen voor tabellen die ook de class "sortable" hebben. Als sommige kolommen niet sorteerbaar moeten zijn, kan de class=unsortable aan de titel van die kolommen toegevoegd worden.

Als je een sorttop class gebruikt, worden die regels ook vastgezet. Een alternatief daarvoor is die regels onderaan te plaatsen en de sortbottom class te gebruiken.

{{sticky header}}
{| class="wikitable sortable sticky-header-multi"
|+ Titel
|-
! rowspan=2 | Kleur
! colspan=3 | Aantal
|-
! A !! B
! class="unsortable" | C
|-
| Rood || 1 || 2 || 3
|-
| Groen || 4 || 5 || 6
|-
| Geel || 7 || 8 || 9
|-
| Blauw || 10 || 11 || 12
|- class=sortbottom
| '''Max''' || 10 || 11 || 12
|- class=sortbottom
| '''Totaal''' || 22 || 26 || 30
|}

Titel

Kleur	Aantal
	A	B	C
Rood	1	2	3
Groen	4	5	6
Geel	7	8	9
Blauw	10	11	12
Max	10	11	12
Totaal	22	26	30