Template:Sort under/sandbox

This is the template sandbox page for Template:Sort under (diff).
See also the companion subpage for test cases.

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

Redirect

{{sort-under}}

This template uses TemplateStyles:

Template:Sort under/styles.css (sandbox)

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`	Repositions sort arrows to the bottom 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	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	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	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	Header 2	Header 3
1	2	3
4	5	6

{{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.
Editors can experiment in this template's sandbox and testcases pages.
Add categories to the /doc subpage. Subpages of this template.