Uses {{sticky header/sandbox}}. Note that it's not possible to compare the live and sandbox versions of styles.css on the same page since they would compete with each other.

Test sticky-header (no caption) edit

Sticky first row.

Wikitable:

Wikitable wikitext:

{{Sticky header/sandbox}}
{| class="wikitable sticky-header"
|-
! Header !! Header 2 !! Header 3 !! Header 4|}

Plain table:

Plain table wikitext:

{{Sticky header/sandbox}}
{| class="sticky-header"
|-
! Header !! Header 2 !! Header 3 !! Header 4|}

Test sticky-header (caption) edit

Sticky first row.

Wikitable:

Wikitable wikitext:

{{Sticky header/sandbox}}
{| class="wikitable sticky-header"
|+ Caption
|-
! Header !! Header 2 !! Header 3 !! Header 4|}

Plain table:

Plain table wikitext:

{{Sticky header/sandbox}}
{| class="sticky-header"
|+ Caption
|-
! Header !! Header 2 !! Header 3 !! Header 4|}

Test sticky-header (sortable) edit

Sticky first row.

Wikitable:

Wikitable wikitext:

{{Sticky header/sandbox}}
{| class="wikitable sortable sticky-header"
|+ Caption
|-
! Header !! Header 2 !! Header 3
! class="unsortable" | Header 4
|- class="sorttop"
| top || top || top || top
⫶
|- class="sortbottom"
| bottom || bottom || bottom || bottom
|}

Plain table:

Plain table wikitext:

{{Sticky header/sandbox}}
{| class="sortable sticky-header"
|+ Caption
|-
! Header !! Header 2 !! Header 3
! class="unsortable" | Header 4
|- class="sorttop"
| top || top || top || top
⫶
|- class="sortbottom"
| bottom || bottom || bottom || bottom
|}

Test sticky-header-multi edit

Sticky <thead> element.

Issues:

  • Nothing sticky if JavaScript disabled, which is used by sortable, currently the only way to move headers to the <thead> element.
  • Sticky sorttop rows, which sortable moves to the <thead> element after sorting.

Wikitable:

Caption
Header Header group
Header 2 Header 3 Header 4
top top top top
3 data data b
1 data data c
2 data data a
bottom bottom bottom bottom

Wikitable wikitext:

{{Sticky header/sandbox}}
{| class="wikitable sortable sticky-header-multi"
|+ Caption
|-
! rowspan="2" | Header
! colspan="7" | Header group
|-
! Header 2 !! Header 3
! class="unsortable" | Header 4
|- class="sorttop"
| top || top || top || top
⫶
|- class="sortbottom"
| bottom || bottom || bottom || bottom
|}

Plain table:

Caption
Header Header group
Header 2 Header 3 Header 4
top top top top
3 data data b
1 data data c
2 data data a
bottom bottom bottom bottom

Plain table wikitext:

{{Sticky header/sandbox}}
{| class="sortable sticky-header-multi"
|+ Caption
|-
! rowspan="2" | Header
! colspan="7" | Header group
|-
! Header 2 !! Header 3
! class="unsortable" | Header 4
|- class="sorttop"
| top || top || top || top
⫶
|- class="sortbottom"
| bottom || bottom || bottom || bottom
|}

Test sticky-header-scroll with sticky-header edit

Wikitable:

Wikitable wikitext:

{{Sticky header/sandbox}}
<div class="sticky-header-scroll">
{| class="wikitable sortable sticky-header"
|+ Caption
|-
! Header !! Header 2 !! Header 3 !! Header 4
! Header 5 !! Header 6 !! Header 7 !! Header 8
! Header 9 !! Header 10 !! Header 11 !! Header 12
! Header 13 !! Header 14 !! Header 15
! class="unsortable" | Header 16
|- class="sorttop"
| top || top || top || top
| top || top || top || top
| top || top || top || top
| top || top || top || top
⫶
|- class="sortbottom"
| bottom || bottom || bottom || bottom
| bottom || bottom || bottom || bottom
| bottom || bottom || bottom || bottom
| bottom || bottom || bottom || bottom
|}
</div>

Plain table:

Plain table wikitext:

{{Sticky header/sandbox}}
<div class="sticky-header-scroll">
{| class="sortable sticky-header"
|+ Caption
|-
! Header !! Header 2 !! Header 3 !! Header 4
! Header 5 !! Header 6 !! Header 7 !! Header 8
! Header 9 !! Header 10 !! Header 11 !! Header 12
! Header 13 !! Header 14 !! Header 15
! class="unsortable" | Header 16
|- class="sorttop"
| top || top || top || top
| top || top || top || top
| top || top || top || top
| top || top || top || top
⫶
|- class="sortbottom"
| bottom || bottom || bottom || bottom
| bottom || bottom || bottom || bottom
| bottom || bottom || bottom || bottom
| bottom || bottom || bottom || bottom
|}
</div>

Test sticky-header-scroll with sticky-header-multi edit

Wikitable:

Caption
Header Header group
Header 2 Header 3 Header 4 Header 5 Header 6 Header 7 Header 8 Header 9 Header 10 Header 11 Header 12 Header 13 Header 14 Header 15 Header 16
3 data data data data data data data data data data data data data data b
1 data data data data data data data data data data data data data data c
2 data data data data data data data data data data data data data data a
3 data data data data data data data data data data data data data data b
1 data data data data data data data data data data data data data data c
2 data data data data data data data data data data data data data data a
3 data data data data data data data data data data data data data data b
1 data data data data data data data data data data data data data data c
2 data data data data data data data data data data data data data data a
3 data data data data data data data data data data data data data data b
1 data data data data data data data data data data data data data data c
2 data data data data data data data data data data data data data data a
3 data data data data data data data data data data data data data data b
1 data data data data data data data data data data data data data data c
2 data data data data data data data data data data data data data data a
3 data data data data data data data data data data data data data data b
1 data data data data data data data data data data data data data data c
2 data data data data data data data data data data data data data data a
3 data data data data data data data data data data data data data data b
1 data data data data data data data data data data data data data data c
2 data data data data data data data data data data data data data data a
3 data data data data data data data data data data data data data data b
1 data data data data data data data data data data data data data data c
2 data data data data data data data data data data data data data data a
3 data data data data data data data data data data data data data data b
1 data data data data data data data data data data data data data data c
2 data data data data data data data data data data data data data data a
3 data data data data data data data data data data data data data data b
1 data data data data data data data data data data data data data data c
2 data data data data data data data data data data data data data data a
3 data data data data data data data data data data data data data data b
1 data data data data data data data data data data data data data data c
2 data data data data data data data data data data data data data data a
3 data data data data data data data data data data data data data data b
1 data data data data data data data data data data data data data data c
2 data data data data data data data data data data data data data data a
3 data data data data data data data data data data data data data data b
1 data data data data data data data data data data data data data data c
2 data data data data data data data data data data data data data data a
3 data data data data data data data data data data data data data data b
1 data data data data data data data data data data data data data data c
2 data data data data data data data data data data data data data data a
3 data data data data data data data data data data data data data data b
1 data data data data data data data data data data data data data data c
2 data data data data data data data data data data data data data data a
3 data data data data data data data data data data data data data data b
1 data data data data data data data data data data data data data data c
2 data data data data data data data data data data data data data data a
3 data data data data data data data data data data data data data data b
1 data data data data data data data data data data data data data data c
2 data data data data data data data data data data data data data data a
3 data data data data data data data data data data data data data data b
1 data data data data data data data data data data data data data data c
2 data data data data data data data data data data data data data data a
3 data data data data data data data data data data data data data data b
1 data data data data data data data data data data data data data data c
2 data data data data data data data data data data data data data data a
3 data data data data data data data data data data data data data data b
1 data data data data data data data data data data data data data data c
2 data data data data data data data data data data data data data data a
bottom bottom bottom bottom bottom bottom bottom bottom bottom bottom bottom bottom bottom bottom bottom bottom

Wikitable wikitext:

{{Sticky header/sandbox}}
<div class="sticky-header-scroll">
{| class="wikitable sortable sticky-header-multi"
|+ Caption
|-
! rowspan="2" | Header
! colspan="15" | Header group
|-
! Header 2 !! Header 3 !! Header 4
! Header 5 !! Header 6 !! Header 7 !! Header 8
! Header 9 !! Header 10 !! Header 11 !! Header 12
! Header 13 !! Header 14 !! Header 15
! class="unsortable" | Header 16|- class="sortbottom"
| bottom || bottom || bottom || bottom
| bottom || bottom || bottom || bottom
| bottom || bottom || bottom || bottom
| bottom || bottom || bottom || bottom
|}
</div>

Plain table:

Caption
Header Header group
Header 2 Header 3 Header 4 Header 5 Header 6 Header 7 Header 8 Header 9 Header 10 Header 11 Header 12 Header 13 Header 14 Header 15 Header 16
3 data data data data data data data data data data data data data data b
1 data data data data data data data data data data data data data data c
2 data data data data data data data data data data data data data data a
3 data data data data data data data data data data data data data data b
1 data data data data data data data data data data data data data data c
2 data data data data data data data data data data data data data data a
3 data data data data data data data data data data data data data data b
1 data data data data data data data data data data data data data data c
2 data data data data data data data data data data data data data data a
3 data data data data data data data data data data data data data data b
1 data data data data data data data data data data data data data data c
2 data data data data data data data data data data data data data data a
3 data data data data data data data data data data data data data data b
1 data data data data data data data data data data data data data data c
2 data data data data data data data data data data data data data data a
3 data data data data data data data data data data data data data data b
1 data data data data data data data data data data data data data data c
2 data data data data data data data data data data data data data data a
3 data data data data data data data data data data data data data data b
1 data data data data data data data data data data data data data data c
2 data data data data data data data data data data data data data data a
3 data data data data data data data data data data data data data data b
1 data data data data data data data data data data data data data data c
2 data data data data data data data data data data data data data data a
3 data data data data data data data data data data data data data data b
1 data data data data data data data data data data data data data data c
2 data data data data data data data data data data data data data data a
3 data data data data data data data data data data data data data data b
1 data data data data data data data data data data data data data data c
2 data data data data data data data data data data data data data data a
3 data data data data data data data data data data data data data data b
1 data data data data data data data data data data data data data data c
2 data data data data data data data data data data data data data data a
3 data data data data data data data data data data data data data data b
1 data data data data data data data data data data data data data data c
2 data data data data data data data data data data data data data data a
3 data data data data data data data data data data data data data data b
1 data data data data data data data data data data data data data data c
2 data data data data data data data data data data data data data data a
3 data data data data data data data data data data data data data data b
1 data data data data data data data data data data data data data data c
2 data data data data data data data data data data data data data data a
3 data data data data data data data data data data data data data data b
1 data data data data data data data data data data data data data data c
2 data data data data data data data data data data data data data data a
3 data data data data data data data data data data data data data data b
1 data data data data data data data data data data data data data data c
2 data data data data data data data data data data data data data data a
3 data data data data data data data data data data data data data data b
1 data data data data data data data data data data data data data data c
2 data data data data data data data data data data data data data data a
3 data data data data data data data data data data data data data data b
1 data data data data data data data data data data data data data data c
2 data data data data data data data data data data data data data data a
3 data data data data data data data data data data data data data data b
1 data data data data data data data data data data data data data data c
2 data data data data data data data data data data data data data data a
3 data data data data data data data data data data data data data data b
1 data data data data data data data data data data data data data data c
2 data data data data data data data data data data data data data data a
bottom bottom bottom bottom bottom bottom bottom bottom bottom bottom bottom bottom bottom bottom bottom bottom

Plain table wikitext:

{{Sticky header/sandbox}}
<div class="sticky-header-scroll">
{| class="sortable sticky-header-multi"
|+ Caption
|-
! rowspan="2" | Header
! colspan="15" | Header group
|-
! Header 2 !! Header 3 !! Header 4
! Header 5 !! Header 6 !! Header 7 !! Header 8
! Header 9 !! Header 10 !! Header 11 !! Header 12
! Header 13 !! Header 14 !! Header 15
! class="unsortable" | Header 16|- class="sortbottom"
| bottom || bottom || bottom || bottom
| bottom || bottom || bottom || bottom
| bottom || bottom || bottom || bottom
| bottom || bottom || bottom || bottom
|}
</div>

Test template static row numbers (sticky-header, no caption) edit

Uses {{static row numbers}} with adjusted wikitable borders.

No label:

Label:

Test template static row numbers (sticky-header, caption) edit

Uses {{static row numbers}} with adjusted wikitable borders.

No label:

Label:

Test template static row numbers (sticky-header, sortable) edit

Uses {{static row numbers}} with adjusted wikitable borders.

No label:

Label:

Test template static row numbers (sticky-header-multi) edit

Uses {{static row numbers}} with adjusted wikitable borders.

No label:

Caption
Header group
Header Header
top top
top top
rank 1 data
rank 2 data
norank 1 data
norank 2 data
rank 3 data
rank 4 data
bottom bottom
bottom bottom

Label:

Caption
Header group
Header Header
top top
top top
rank 1 data
rank 2 data
norank 1 data
norank 2 data
rank 3 data
rank 4 data
bottom bottom
bottom bottom

Padding edit

Padding for testing purposes.