WillSysAd: 1 revision imported

2026-07-20T02:09:12Z

1 revision imported

← Older revision	Revision as of 02:09, 20 July 2026
(No difference)

wikipedia>Jroberson108: /* Usage */ Text color too.

2025-11-24T19:51:33Z

Usage: Text color too.

New page

{{Documentation subpage}}
{{High-use}}
{{Template redirect||sort-under}}
{{Uses TemplateStyles|Template:Sort under/styles.css}}

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 {{tlc|sort under}} or its redirect {{tlc|sort-under}} above a sortable table. Add one of the following classes to the table start wikitext.

{| class="wikitable" style="background-color: var(--background-color-base, #fff); color: var(--color-base, #202122);"
|+ Classes for table start wikitext: <code><nowiki>{|</nowiki> class="''class1 class2''"</code>.
|-
! scope="col" | Class
! scope="col" | Summary
|-
| class=nowrap | <code>sort-under</code>
| Repositions sort arrows to the <em>bottom <strong>right</strong></em>.
|-
| class=nowrap | <code>sort-under-center</code>
| Repositions sort arrows to the <em>bottom <strong>center</strong></em>.
|}

== Reposition sort arrows under and align right ==

<div style="display: inline-grid;">
'''Wikitext:'''
<syntaxhighlight lang="wikitext" highlight="1-2">
{{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
|}
</syntaxhighlight>
</div>

<div style="display: inline-grid;">
'''Produces:'''
{{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
|}
</div>

== Reposition sort arrows under and align center ==

<div style="display: inline-grid;">
'''Wikitext:'''
<syntaxhighlight lang="wikitext" highlight="1-2">
{{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
|}
</syntaxhighlight>
</div>

<div style="display: inline-grid;">
'''Produces:'''
{{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
|}
</div>

== Default position not using this template ==

<div style="display: inline-grid;">
'''Wikitext:'''
<syntaxhighlight lang="wikitext">
{| class="wikitable sortable"
|-
! rowspan="2" | Header
! colspan="2" | Header group
|-
! Header 2
! class="unsortable" | Header 3
|-
| 1 || 2 || 3
|-
| 4 || 5 || 6
|}
</syntaxhighlight>
</div>

<div style="display: inline-grid;">
'''Produces:'''
{| class="wikitable sortable"
|-
! rowspan="2" | Header
! colspan="2" | Header group
|-
! Header 2
! class="unsortable" | Header 3
|-
| 1 || 2 || 3
|-
| 4 || 5 || 6
|}
</div>

== See also ==

* {{t|Vertical header}} – Alternative to rotate column headers vertically with sorting arrows at the top.
* {{t|shy}} – Can be used to help narrow columns by adding a [[soft hyphen]] to a word to allow it to wrap.
More [[WP:template styles|template styles]] for tables:
* {{t|sticky header}} - Makes column headers stick to the top of the page while scrolling through table data.
* {{t|row hover highlight}} - adds row hover highlighting, and option for white background.
* {{t|static row numbers}} - adds a column of row numbers to a table.
* {{t|table alignment}} - aligns the cells in a column, or a whole table.

<includeonly>{{Sandbox other||

[[Category:Table templates]]
[[Category:Templates using TemplateStyles to style external elements]]
}}
</includeonly>

Template:Sort under/doc - Revision history

WillSysAd: 1 revision imported

wikipedia>Jroberson108: /* Usage */ Text color too.