Template:Sort under/sandbox

Template documentation[view] [edit] [history] [purge]

This template repositions sortable's sorting arrows under the column header's text in the same cell. It's used to narrow a table that has sorting headers wider than their data.

Usage

Include this template by adding {{sort under}} or its redirect {{sort-under}} above a sortable table. Add one of the following classes to the table start wikitext.

Classes for table start wikitext: {| class="class1 class2".

Class	Summary
sort-under	Repositions sort arrows to the bottom right.
sort-under-right
sort-under-center	Repositions sort arrows to the bottom center.

Reposition sort arrows under and align right (short class)

Wikitext:

{{sort under}}
{| class="wikitable sortable sort-under"
|-
! rowspan="2" | Header
! colspan="2" | Header group
|-
! Header 2
! class="unsortable" | Header 3
|-
| 1 || 2 || 3
|-
| 4 || 5 || 6
|}

Produces:

Header	Header group
	Header 2	Header 3
1	2	3
4	5	6

Reposition sort arrows under and align right

Wikitext:

{{sort under}}
{| class="wikitable sortable sort-under-right"
|-
! rowspan="2" | Header
! colspan="2" | Header group
|-
! Header 2
! class="unsortable" | Header 3
|-
| 1 || 2 || 3
|-
| 4 || 5 || 6
|}

Produces:

Header	Header group
	Header 2	Header 3
1	2	3
4	5	6

Reposition sort arrows under and align center

Wikitext:

{{sort under}}
{| class="wikitable sortable sort-under-center"
|-
! rowspan="2" | Header
! colspan="2" | Header group
|-
! Header 2
! class="unsortable" | Header 3
|-
| 1 || 2 || 3
|-
| 4 || 5 || 6
|}

Produces:

Header	Header group
	Header 2	Header 3
1	2	3
4	5	6

Default position not using this template

Wikitext:

{| class="wikitable sortable"
|-
! rowspan="2" | Header
! colspan="2" | Header group
|-
! Header 2
! class="unsortable" | Header 3
|-
| 1 || 2 || 3
|-
| 4 || 5 || 6
|}

Produces:

Header	Header group
	Header 2	Header 3
1	2	3
4	5	6

See also

• {{Vertical header}} – Alternative to rotate column headers vertically with sorting arrows at the top.
• {{shy}} – Can be used to help narrow columns by adding a soft hyphen to a word to allow it to wrap.

More template styles for tables:

• {{sticky header}} - Makes column headers stick to the top of the page while scrolling through table data.
• {{row hover highlight}} - adds row hover highlighting, and option for white background.
• {{static row numbers}} - adds a column of row numbers to a table.
• {{table alignment}} - aligns the cells in a column, or a whole table.

The above documentation is transcluded from Template:Sort under/doc. (edit | history)
Editors can experiment in this template's sandbox (edit | diff) and testcases (edit) pages.
Add categories to the /doc subpage. Subpages of this template.