Template:Vertical header/doc: Difference between revisions

From WikiNET
Jump to navigation Jump to search
No edit summary
m (1 revision imported)
 
(One intermediate revision by one other user not shown)
Line 1: Line 1:
 
{{documentation subpage}}
{{tsh|Verth|Vert header}}
{{tsh|Verth|Vert header}}
{{lua|Module:Vertical header}}
{{lua|Module:Vertical header}}
Line 98: Line 98:
|}
|}


== Compatibility ==
==See also==
The 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.
 
{|class="wikitable"
|-style="font-size:80%"
! Arora
! Chrome
! Dillo
! Edge
! Epiphany
! Firefox
! Iceape
! Iceweasel
! IE
! Konqueror
! Luakit
! Midori
! Opera
! Rekonq
! Safari
! SeaMonkey
|-style="line-height:100%"
| {{yes|0.11}}<br>{{font|size=80%|27 Sep 10}}
| {{yes|9<br>{{font|size=80%|4 Feb 11}}}}
| {{no|3.0.4<br>{{font|size=80%|9 Apr 14}}}}
| {{yes|38<br>{{font|size=80%|2 Aug 16}}}}
| {{yes|3.4.2<br>{{font|size=80%|19 May 12}}}}
| {{yes|43<br>{{font|size=80%|15 Dec 15}}}}
| {{no|2.7.12<br>{{font|size=80%|19 Jan 13}}}}
| {{yes|38.6<br>{{font|size=80%|11 Feb 16}}}}
| {{yes|11<br>{{font|size=80%|17 Oct 13}}}}
| {{yes|4.14<br>{{font|size=80%|20 Aug 14}}}}
| {{yes|039e319<br>{{font|size=80%|13 Sep 12}}}}
| {{yes|0.4.3<br>{{font|size=80%|6 Nov 14}}}}
| {{yes|15<br>{{font|size=80%|2 Jul 13}}}}
| {{yes|1.1<br>{{font|size=80%|27 Aug 12}}}}
| {{yes|9.1<br>{{font|size=80%|21 Mar 16}}}}
| {{yes|2.46<br>{{font|size=80%|22 Dec 16}}}}
|-style="font-size:80%;text-align:center"
| 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)<nowiki>:</nowiki>
* {{tl|Rotate text}}
{|class="wikitable" style="text-align:center"
|-style="font-size:80%"
! Android<br>Browser
! Chrome
! Edge
! Firefox
! Safari
|-style="line-height:100%"
| 3<br>{{font|size=80%|22 Feb 11}}
| 8<br>{{font|size=80%|2 Dec 10}}
| 20<br>{{font|size=80%|29 Jul 15}}
| 41<br>{{font|size=80%|22 Sep 15}}
| 5.1<br>{{font|size=80%|20 Jul 11}}
|}


; Notes<nowiki>:</nowiki>
<includeonly>{{Sandbox other||
* In Internet Explorer 5–10, the text goes from top to bottom instead of going from bottom to top.
[[Category:Table cell templates]]
* Firefox support for vertical text and rotation began in version 25, but it was unstable until version 43, or possibly 41.
[[Category:Cross-browser compatibility templates]]
}}</includeonly>

Latest revision as of 20:05, 29 September 2023

Template:Mbox

Regular column
Vertical value column
Thin gold column
Unsortable column
0
1
1 2
3
5
8 13
Regular column
Vertical value column
Thin gold column
Unsortable column

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.

Parameter list

  • <syntaxhighlight lang="text" class="" id="" style="" inline="1">1</syntaxhighlight> – The desired text; can contain wikilinks (<syntaxhighlight lang="text" class="" id="" style="" inline="1">[[]]</syntaxhighlight>). You can escape the equals sign either by using {{=}} or by explicitly mentioning the <syntaxhighlight lang="text" class="" id="" style="" inline="1">1=</syntaxhighlight> parameter.
  • <syntaxhighlight lang="text" class="" id="" style="" inline="1">nb</syntaxhighlight> – Give any non-empty value in order to apply a {{nobold}} template to the text.
  • <syntaxhighlight lang="text" class="" id="" style="" inline="1">va</syntaxhighlight> – Vertical alignment (<syntaxhighlight lang="text" class="" id="" style="" inline="1">bottom</syntaxhighlight>, <syntaxhighlight lang="text" class="" id="" style="" inline="1">top</syntaxhighlight>, <syntaxhighlight lang="text" class="" id="" style="" inline="1">middle</syntaxhighlight>). Default is <syntaxhighlight lang="text" class="" id="" style="" inline="1">bottom</syntaxhighlight>.
  • <syntaxhighlight lang="text" class="" id="" style="" inline="1">stp</syntaxhighlight> – 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).
  • <syntaxhighlight lang="text" class="" id="" style="" inline="1">mw</syntaxhighlight> – Manual width; override the default value, which was automatically generated based on the number of line breaks (you can use <syntaxhighlight lang="text" class="" id="" style="" inline="1">
    </syntaxhighlight>, <syntaxhighlight lang="text" class="" id="" style="" inline="1">
    </syntaxhighlight> or any other combination).
  • <syntaxhighlight lang="text" class="" id="" style="" inline="1">style</syntaxhighlight> – Additional styles for the <syntaxhighlight lang="text" class="" id="" style="" inline="1">
    </syntaxhighlight> containing the rotated text. May contain double quotes.
  • <syntaxhighlight lang="text" class="" id="" style="" inline="1">cellstyle</syntaxhighlight> – Additional styles for the entire cell. May contain double quotes. Use this instead of the cell's <syntaxhighlight lang="text" class="" id="" style="" inline="1">style</syntaxhighlight> attribute. Use <syntaxhighlight lang="text" class="" id="" style="" inline="1">background-color</syntaxhighlight> instead of <syntaxhighlight lang="text" class="" id="" style="" inline="1">background</syntaxhighlight> if you need it for the header of a sortable column.

Examples

  • <syntaxhighlight lang="text" class="" id="" style="" inline="1">! {{vert header|Your text here}}</syntaxhighlight> – basic example
  • <syntaxhighlight lang="text" class="" id="" style="" inline="1">! {{vert header|nb=1|stp=1|Your text here}}</syntaxhighlight> – produces an explicitly sortable, no-bold, sortable header
  • <syntaxhighlight lang="text" class="" id="" style="" inline="1">! {{vert header|va=top|Your text here}}</syntaxhighlight> – produces an unsortable, top-aligned table header
  • <syntaxhighlight lang="text" class="" id="" style="" inline="1">! colspan="2" {{vert header|cellstyle=background-color:gold|Your text here}}</syntaxhighlight> – produces an unsortable header spanning two columns, with a gold background; use no vertical bar after <syntaxhighlight lang="text" class="" id="" style="" inline="1">colspan</syntaxhighlight>

You can also use the <syntaxhighlight lang="text" class="" id="" style="" inline="1">! {{verth|Your text here}}</syntaxhighlight> shorthand.

An example below (from Help:Sorting) with headers that span rows or columns (using rowspan and colspan). Note that there is no vertical bar <syntaxhighlight lang="text" class="" id="" style="" inline="1">|</syntaxhighlight> between <syntaxhighlight lang="text" class="" id="" style="" inline="1">rowspan=2</syntaxhighlight> and <syntaxhighlight lang="text" class="" id="" style="" inline="1">{{vert header...}}</syntaxhighlight>

name
data columns
another column
data
more data
cats 273 53 1
dogs 65 8,492 2
mice 1,649 548 3
{| 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
|}

See also