Template:Sort under/doc

From Justapedia, unleashing the power of collective wisdom
Jump to navigation Jump to search

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