https://wiki-raamsdonk.nl/index.php?action=history&feed=atom&title=Sjabloon%3ASticky_header
Sjabloon:Sticky header - Bewerkingsoverzicht
2026-04-14T03:42:04Z
Bewerkingsoverzicht voor deze pagina op de wiki
MediaWiki 1.43.6
https://wiki-raamsdonk.nl/index.php?title=Sjabloon:Sticky_header&diff=187141&oldid=prev
Colani: 1 versie geïmporteerd
2026-03-14T12:10:25Z
<p>1 versie geïmporteerd</p>
<p><b>Nieuwe pagina</b></p><div><includeonly><templatestyles src="Sjabloon:Sticky header/styles.css" /></includeonly><noinclude><br />
{{Documentatie|1=<br />
{{Gebruikt TemplateStyles}}<br />
<br />
== Doel ==<br />
De kop van een lange tabel vastzetten bij het scrollen door een pagina.<br />
<br />
== Gebruik ==<br />
Plaats dit sjabloon boven een tabel, en voeg in de tabel zelf de class "sticky-header" toe.<br />
<br />
<syntaxhighlight lang="wikitext"><br />
{{Sticky header}}<br />
{| class="wikitable sortable sticky-header"<br />
⫶<br />
|}<br />
</syntaxhighlight><br />
<br />
=== Voorbeeld ===<br />
{{BeginKolommen}}<br />
<syntaxhighlight lang="wikitext"><br />
{{Sticky header}}<br />
{| class="wikitable sticky-header"<br />
! Naam !! Winst !! Verlies<br />
|-<br />
| A || 3 || 6<br />
|-<br />
| B || 2 || 12<br />
|-<br />
| C || 8 || 4<br />
⫶<br />
|}<br />
</syntaxhighlight><br />
<br />
{{NieuweKolom}}<br />
<br />
{{Sticky header}}<br />
{{{!}} class="wikitable sticky-header"<br />
! Naam !! Winst !! Verlies<br />
{{!}}-<br />
{{!}} A {{!!}} 3 {{!!}} 6<br />
{{!}}-<br />
{{!}} B {{!!}} 2 {{!!}} 12<br />
{{!}}-<br />
{{!}} C {{!!}} 8 {{!!}} 4<br />
{{!}}-<br />
{{!}} D {{!!}} 6 {{!!}} 3<br />
{{!}}-<br />
{{!}} E {{!!}} 12 {{!!}} 2<br />
{{!}}}<br />
{{EindeKolommen}}<br />
<br />
=== Meerdere regels in de kop ===<br />
De <code>sticky-header-multi</code> class moet gebruikt worden als de kop uit meerdere regels bestaat. Dit werkt alleen voor tabellen die ook de class "sortable" hebben. Als sommige (of alle) kolommen niet sorteerbaar moeten zijn, kan de <code>class=unsortable</code> aan de titel van die kolommen toegevoegd worden, in combinatie met dus de toevoeging van de class "sortable" aan de tabel.<br />
<br />
Als je een <code>sorttop</code> class gebruikt, worden die regels ook vastgezet. Een alternatief daarvoor is die regels onderaan te plaatsen en de <code>sortbottom</code> class te gebruiken.<br />
<br />
{{BeginKolommen}}<br />
<syntaxhighlight lang="wikitext"><br />
{{sticky header}}<br />
{| class="wikitable sortable sticky-header-multi"<br />
|+ Titel<br />
|-<br />
! rowspan=2 | Kleur<br />
! colspan=3 | Aantal<br />
|-<br />
! A !! B<br />
! class="unsortable" | C<br />
|-<br />
| Rood || 1 || 2 || 3<br />
|-<br />
| Groen || 4 || 5 || 6<br />
|-<br />
| Geel || 7 || 8 || 9<br />
|-<br />
| Blauw || 10 || 11 || 12<br />
|- class=sortbottom<br />
| '''Max''' || 10 || 11 || 12<br />
|- class=sortbottom<br />
| '''Totaal''' || 22 || 26 || 30<br />
|}<br />
</syntaxhighlight><br />
<br />
{{NieuweKolom}}<br />
<br />
{{Sticky header}}<br />
{{{!}} class="wikitable sortable sticky-header-multi"<br />
{{!}}+ Titel<br />
{{!}}-<br />
! rowspan=2 {{!}} Kleur<br />
! colspan=3 {{!}} Aantal<br />
{{!}}-<br />
! A !! B<br />
! class="unsortable" {{!}} C<br />
{{!}}-<br />
{{!}} Rood {{!!}} 1 {{!!}} 2 {{!!}} 3<br />
{{!}}-<br />
{{!}} Groen {{!!}} 4 {{!!}} 5 {{!!}} 6<br />
{{!}}-<br />
{{!}} Geel {{!!}} 7 {{!!}} 8 {{!!}} 9<br />
{{!}}-<br />
{{!}} Blauw {{!!}} 10 {{!!}} 11 {{!!}} 12<br />
{{!}}- class=sortbottom<br />
{{!}} '''Max''' {{!!}} 10 {{!!}} 11 {{!!}} 12<br />
{{!}}- class=sortbottom<br />
{{!}} '''Totaal''' {{!!}} 22 {{!!}} 26 {{!!}} 30<br />
{{!}}}<br />
<br />
{{EindeKolommen}}<br />
<br />
}}<br />
<br />
[[Categorie:Wikipedia:Sjablonen tabel| ]]<br />
</noinclude></div>
Colani