Sjabloon:Sticky header

Sjabloondocumentatie

Dit sjabloon maakt gebruik van TemplateStyles:

Sjabloon:Sticky header/styles.css

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
⫶
|}

Pagina Sjabloon:Sticky header/styles.css heeft geen inhoud.

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
|}

Pagina Sjabloon:Sticky header/styles.css heeft geen inhoud.

Dit Sjabloon "Sticky header" is uit Wikipedia. De lijst van zijn auteurs is te zien in zijn historische.