Template:Sort under/testcases

This is the template test cases page for the sandbox of Template:Sort under. Purge this page to update the examples.
If there are many examples of a complicated template, later ones may break due to limits in MediaWiki; see the HTML comment "NewPP limit report" in the rendered page.
You can also use Special:ExpandTemplates to examine the results of template uses.
You can test how this page looks in the different skins and parsers with these links:

This template uses TemplateStyles:

Template:Sort under/sandbox/styles.css

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-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"
|+ 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

Yellow uses this template. Border added around vertical group to aid comparison.

Normal
Header
data

(Right)
Header
data

Right
Header
data

Center
Header
data

Row
Header

data

Normal
Header	Header
data	data

(Right)
Header	Header
data	data

Right
Header	Header
data	data

Center
Header	Header
data	data

Row
Header	Header

data	data

Compare plain table

Yellow 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

(Right)
Header
data

Right
Header
data

Center
Header
data

Row
Header

data

Normal
Header	Header
data	data

(Right)
Header	Header
data	data

Right
Header	Header
data	data

Center
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.

Yellow uses this template: sort-under-center.

Wikitable.

Header header	Header	Header	Header
data	data	data	data
data	data	data	data

Header header	Header	Header	Header
data	data	data	data
data	data	data	data

Plain table.

Header header	Header	Header	Header
data	data	data	data
data	data	data	data

Header header	Header	Header	Header
data	data	data	data
data	data	data	data

Test template static row numbers

Tracked in Phabricator
Task T355492

Uses {{static row numbers}}. 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 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 using static-row-header-text class to display the "No." text.

(Right)
Header
data
data

(Right)
Header
sorttop
data
data

(Right)
Header	Header group
Header	Header	Header
data	data	data
data	data	data

(Right)
Header	Header group
Header	Header	Header
sorttop	sorttop	sorttop
data	data	data
data	data	data

Wikitable using static-row-header-hash class to display the hash ("#") text.

(Right)
Header
data
data

(Right)
Header
sorttop
data
data

(Right)
Header	Header group
Header	Header	Header
data	data	data
data	data	data

(Right)
Header	Header group
Header	Header	Header
sorttop	sorttop	sorttop
data	data	data
data	data	data

Plain table using static-row-header-text class to display the "No." text.

(Right)
Header
data
data

(Right)
Header
sorttop
data
data

(Right)
Header	Header group
Header	Header	Header
data	data	data
data	data	data

(Right)
Header	Header group
Header	Header	Header
sorttop	sorttop	sorttop
data	data	data
data	data	data

Plain table using static-row-header-hash class to display the hash ("#") text.

(Right)
Header
data
data

(Right)
Header
sorttop
data
data

(Right)
Header	Header group
Header	Header	Header
data	data	data
data	data	data

(Right)
Header	Header group
Header	Header	Header
sorttop	sorttop	sorttop
data	data	data
data	data	data