Predložak:Ljepljivo zaglavlje/doc

CSS

Predložak koristi interne CSS stilove definirane u Predložak:Ljepljivo zaglavlje/stilovi.css.

Ovaj predložak čini da zaglavlja tabličnih stupaca budu prilijepljena za vrh zaslona dok se sadržaj tablice lista dalje. Rabi ga se na dugačkim tablicama čija bi zaglavlja stupaca ostala skrivenima i njihov sadržaj nezapamtiv dok se lista tablicu. Ako želite tablicu koja je ljepljiva gore i sa strane, vidi {{sticky table start}}.

Uporaba

Rabite ovaj predložak stavljajući {{ljepljivo zaglavlje}} tik iznad tablice. Dodajte jednog od sljedećih razreda u početku HIEteksta u tablici.

Classes for table start wikitext: {| class="class1 class2".

Razred	Sažetak
sticky-header	Čini prvi redak zaglavlja ljepljivim.
sticky-header-multi	Requires sortable table. Make multiple header rows top sticky. Avoid use with the sorttop class that becomes sticky after sorting. Avoid making headers sticky that aren't for the entire table (ex. section header rows). Avoid making excessively tall header rows sticky that might block too much data on short screens (ex. mobile landscape). class=unsortable can be added to all columns if necessary. See below: #Multi-row header that can't be visibly sortable

Single sticky header row

Razred sticky-header se rabi za napraviti prvi redak zaglavlja ljepljivim (svojstvo "sticky" u CSS-u). Sortable nije svojstvo koje se zahtijeva.sorttop i sortbottom nisu problem kod zaglavlja od jednog redka.

Caption

Color	A	B	C
Max	10	11	12
Red	1	2	3
Lime	4	5	6
Gold	7	8	9
Blue	10	11	12
Total	22	26	30

{{ljepljivo zaglavlje}}
{| class="wikitable sortable sticky-header"
|+ Caption
|-
! Color !! A !! B
! class="unsortable" | C
|- class=sorttop
| '''Max''' || 10 || 11 || 12
|-
| Red || 1 || 2 || 3
|-
| Lime || 4 || 5 || 6
|-
| Gold || 7 || 8 || 9
|-
| Blue || 10 || 11 || 12
|- class=sortbottom
| '''Total''' || 22 || 26 || 30
|}

Ljepljivo zaglavlje s više redaka

Razred sticky-header-multi se rabi za učiniti zaglavlje od više redaka ljepljivim (svojstvo "sticky" u CSS-u). Ovdje tablica mora biti razvrstiva (svojstvo "sortable") budući je "sortable" trenutno jedini način za pomaknuti uzastupne redke zaglavlja stupaca na element thead. Ako neki ili svi stupci ne bi trebali biti razvrstivi, onda treba zadati class=unsortable u ćeliju zaglavlja pomoću ikone za svrstavanje. Vrh tablice uvijek će biti ljepljiv. Ako je onemogućen JavaScript, onda sortabilnost i ovo rješenje ne će raditi.