This template uses TemplateStyles: |
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.
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.