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)

edit
(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

edit
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

edit

* 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

edit

* 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

edit

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

edit

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