Jump to content

Template:Sort under/doc

From Wikipedia, the free encyclopedia

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

[edit]

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)

[edit]

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

[edit]

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

[edit]

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

[edit]

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

[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.