Template:Sort under/testcases

Uses {{sort under/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.

Touch screen spacing increased due to potential of a fat-finger error when header is a link.

Test wikitable sort-under (right)

(Right)

Header	Header 2	Header 3	Header 4	Header 5	Header 6	Header 7	Header 8	Header 9
3	data	data	data	data	data	data	data	b
1	data	data	data	data	data	data	data	c
2	data	data	data	data	data	data	data	a

Wikitext:

{{Sort under/sandbox}}
{| class="wikitable sortable sort-under"
|+ (Right)
|-
! Header !! [[#|Header 2]] !! Header 3 !! Header 4
! Header 5 !! Header 6 !! Header 7 !! Header 8
! class="unsortable" | Header 9
⫶
|}

Test wikitable sort-under-center

Center

Header	Header 2	Header 3	Header 4	Header 5	Header 6	Header 7	Header 8	Header 9
3	data	data	data	data	data	data	data	b
1	data	data	data	data	data	data	data	c
2	data	data	data	data	data	data	data	a

Wikitext:

{{Sort under/sandbox}}
{| class="wikitable sortable sort-under-center"
|+ Center
|-
! Header !! [[#|Header 2]] !! Header 3 !! Header 4
! Header 5 !! Header 6 !! Header 7 !! Header 8
! class="unsortable" | Header 9
⫶
|}

Compare wikitable

* in caption indicates that it uses this template. Border added around vertical group to aid comparison.

Normal

Header
data

*Center

Header
data

*(Right)

Header
data

Row

Header
data

Normal

Header	Header
data	data

*Center

Header	Header
data	data

*(Right)

Header	Header
data	data

Row

Header	Header
data	data

Compare plain table

* in caption indicates that it uses this template. Border added around vertical group to aid comparison. Plain table border and top/bottom margin added to aid comparison.

Normal

Header
data

*Center

Header
data

*(Right)

Header
data

Row

Header
data

Normal

Header	Header
data	data

*Center

Header	Header
data	data

*(Right)

Header	Header
data	data

Row

Header	Header
data	data

Test template vertical header

Uses {{vertical header}}. Plain table border and top/bottom margin added to aid comparison.

* in caption indicates that it uses this template. Border added around vertical group to aid comparison.

Wikitable:

Normal

Sort	U	space space	Bottom sort	Bottom unsort	Top sort	Top unsort
0	1	2	3	4	5	6
2	1	0	3	4	5	6

*Center

Sort	U	space space	Bottom sort	Bottom unsort	Top sort	Top unsort
0	1	2	3	4	5	6
2	1	0	3	4	5	6

*(Right)

Sort	U	space space	Bottom sort	Bottom unsort	Top sort	Top unsort
0	1	2	3	4	5	6
2	1	0	3	4	5	6

Plain table:

Normal

Sort	U	space space	Bottom sort	Bottom unsort	Top sort	Top unsort
0	1	2	3	4	5	6
2	1	0	3	4	5	6

*Center

Sort	U	space space	Bottom sort	Bottom unsort	Top sort	Top unsort
0	1	2	3	4	5	6
2	1	0	3	4	5	6

*(Right)

Sort	U	space space	Bottom sort	Bottom unsort	Top sort	Top unsort
0	1	2	3	4	5	6
2	1	0	3	4	5	6

Test template static row numbers

Tracked in Phabricator
Task T355492

Uses {{static row numbers}} and static-row-header-hash class to display the hash ("#") symbol. Plain table border and top/bottom margin added to aid comparison.

This template aligns the number column header text with the other top-most header text. Yellow table headers are misaligned after sorting, which alignment isn't possible if the table has exactly one header row followed by any sorttop rows in the <thead> element.

Wikitable:

(Right)

Header
data
data

(Right)

Header
sorttop
data
data

(Right)

Header	Header group
	Header	Header
data	data	data
data	data	data

(Right)

Header	Header group
	Header	Header
sorttop	sorttop	sorttop
data	data	data
data	data	data

Plain table:

(Right)

Header
data
data

(Right)

Header
sorttop
data
data

(Right)

Header	Header group
	Header	Header
data	data	data
data	data	data

(Right)

Header	Header group
	Header	Header
sorttop	sorttop	sorttop
data	data	data
data	data	data