Template:Sticky header/testcases

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)

Sticky first row.

Wikitable:

Header	Header 2	Header 3	Header 4
3	data	data	b
1	data	data	c
2	data	data	a

Wikitable wikitext:

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

Plain table:

Header	Header 2	Header 3	Header 4
3	data	data	b
1	data	data	c
2	data	data	a

Plain table wikitext:

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

Test sticky-header (caption)

Sticky first row.

Wikitable:

Caption

Header	Header 2	Header 3	Header 4
3	data	data	b
1	data	data	c
2	data	data	a

Wikitable wikitext:

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

Plain table:

Caption

Header	Header 2	Header 3	Header 4
3	data	data	b
1	data	data	c
2	data	data	a

Plain table wikitext:

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

Test sticky-header (sortable)

Sticky first row.

Wikitable:

Caption

Header	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"
|+ Caption
|-
! Header !! 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 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"
|+ 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

Sticky <thead> element.

Tracked in Phabricator
Task T6740

Tracked in Phabricator
Task T355492

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 template static row numbers (sticky-header, no caption)

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

No label:

Header
rank 1
rank 2
norank 1
norank 2
rank 3
rank 4

Label:

Header
rank 1
rank 2
norank 1
norank 2
rank 3
rank 4

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

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

No label:

Caption

Header
rank 1
rank 2
norank 1
norank 2
rank 3
rank 4

Label:

Caption

Header
rank 1
rank 2
norank 1
norank 2
rank 3
rank 4

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

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

No label:

Caption

Header
top
top
rank 1
rank 2
norank 1
norank 2
rank 3
rank 4
bottom
bottom

Label:

Caption

Header
top
top
rank 1
rank 2
norank 1
norank 2
rank 3
rank 4
bottom
bottom

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

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

Padding for testing purposes.