Edge Rewrite
// HTMLRewriter · presentation

This page was redesigned at the edge.

Cloudflare fetched the original article and streamed it through HTMLRewriter to apply an entirely new visual system without rebuilding the source page.

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-center Repositions sort arrows to the bottom center.

Reposition sort arrows under and align right

[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
123
456

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
123
456

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
123
456

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.