 | This is the template sandbox page for Template:Sort under (diff). See also the companion subpage for test cases. |
 | This template is used on many pages and changes may be widely noticed. Test changes in the template's /sandbox or /testcases subpages, or in your own user subpage. Consider discussing changes on the talk page before implementing them. |
 | 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
editInclude 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-center
|
Repositions sort arrows to the bottom center. |
Reposition sort arrows under and align right
editWikitext:
{{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 center
editWikitext:
{{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
editWikitext:
{| 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
edit- {{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.