Template:Vertical header
Uses Lua: |
0 | 1 | 2 |
3 | 8 | 13 |
This is a template that helps create vertically-oriented column headers in tables. It even works for sortable columns.
Although this template was made with table headers in mind, it can work with regular cells as well.
If the header cells have other attributes, for example colspan
or rowspan
, there must be no vertical bar |
between the attributes and the template call.
The template can be also referenced as {{vert header}} and {{verth}}.
Parameter list
edit1
— The desired text; can contain wikilinks ([[]]
). You can escape the equals sign either by using{{=}}
or by explicitly mentioning the|1=
parameter.nb
— Give any non-empty value in order to apply a{{nobold}}
template to the text.va
— Vertical alignment (bottom
,top
,middle
). Default isbottom
.stp
— Give any non-empty value in order to apply a top padding to the cell (useful if the header is bottom-aligned; required for sortable columns).mw
— Manual width; override the default value, which was automatically generated based on the number of line breaks (you can use<br>
,<BR />
or any other combination).style
— Additional styles for the<div/>
containing the rotated text. May contain double quotes.cellstyle
— Additional styles for the entire cell. May contain double quotes. Use this instead of the cell'sstyle
attribute. Usebackground-color
instead ofbackground
if you need it for the header of a sortable column.
Examples
edit! {{vert header|Your text here}}
— basic example! {{vert header|nb=1|stp=1|Your text here}}
— produces an explicitly sortable, no-bold, sortable header! {{vert header|va=top|Your text here}}
— produces an unsortable, top-aligned table header! colspan="2" {{vert header|cellstyle=background-color:gold|Your text here}}
— produces an unsortable header spanning two columns, with a gold background; use no vertical bar aftercolspan
You can also use the ! {{verth|Your text here}}
shorthand.
An example below (from mw:Help:Sorting) with headers that span rows or columns (using rowspan and colspan). Note that there is no vertical bar |
between rowspan=2
and {{vert header
|
{| class="wikitable sortable" |- ! rowspan=2 {{vert header|stp=1|name}} ! colspan=2 {{vert header|data columns}} ! rowspan=2 {{vert header|stp=1|another column}} |- ! {{vert header|stp=1|data}} ! {{vert header|stp=1|more data}} |- | cats | 273 | 53 | 1 |- | dogs | 65 | 8,492 | 2 |- | mice | 1,649 | 548 | 3 |} |
Compatibility
editThe following browsers have been tested on combinations of Debian 6.0, Mac OS X 10.8, Ubuntu 9.10, Ubuntu 15.04, Windows 7, Windows Server 2008 R2 and Windows 10. The earliest version known to work is highlighted in green. The latest tested configuration that did not work is highlighted in red.
Arora | Chrome | Dillo | Edge | Epiphany | Firefox | Iceape | Iceweasel | IE | Konqueror | Luakit | Midori | Opera | Rekonq | Safari | SeaMonkey |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Support 27 Sep 10 |
Support | 3.0.4 9 Apr 14 |
Support | Support | Support | 2.7.12 19 Jan 13 |
Support | Support | Support | Support | Support | Support | Support | Support | Support |
Deb 6 | Win 7 | Ubu 15.04 | Win 10 | Deb 6 | OS X 10.8 | Deb 6 | Deb 6 | Win 10 | Ubu 15.04 | Ubu 15.04 | Ubu 15.04 | Win 2008 R2 | Ubu 9.10 | OS X 10.8 | Ubu 15.04 |
- Should theoretically work on the following browsers as well (please confirm):
Android Browser |
Chrome | Edge | Firefox | Safari |
---|---|---|---|---|
3 22 Feb 11 |
8 2 Dec 10 |
20 29 Jul 15 |
41 22 Sep 15 |
5.1 20 Jul 11 |
- Notes:
- In Internet Explorer 5–10, the text goes from top to bottom instead of going from bottom to top.
- Firefox support for vertical text and rotation began in version 25, but it was unstable until version 43, or possibly 41.