Template:Table cell templates/doc

The templates in this series are designed to be used in a table to make a cell with text in that cell, with an appropriately colored background. They are commonly used in comparison tables. Most of these templates should not be used simply to produce a background color, use them according to their meaning.

For example, {{yes}} makes a cell with a green background. The text in the cell is taken from the first parameter; {{yes|Sure}} would output "Sure" otherwise it defaults to "Yes". Most templates allow authors to override the default text in this way, some require text put after the template call and some also need a vertical bar in between: {{table cell template}} text or {{table cell template}} | text. This information, the colors and default texts are found in the table below.

 Important: If you want to use other attributes for the table cells, e.g. colspan, rowspan, or style, they need to be put before the template call, and there must be no vertical bar (aka pipe) | in-between them:

Yes	No	—
Yes/No

...
!{{Yes}} ||{{No}} ||rowspan=2 {{n/a}}
|-
|colspan=2 style="border:solid 3px Maroon" {{Yes-No}}
...

Templates

Table cell templates

Class	Default		Customized
	Syntax	Preview	Syntax	Preview
table-rh	{{rh}} | Row header	Row header	{{rh|align=right}} | Row header	Row header
	{{rh2}} | Row header	Row header	{{rh2|align=center}} | Row header	Row header
table-yes	{{yes}}	Yes	{{yes|customized [[Plain text|text]]}}	customized text
	{{yes C}}	Yes	{{yes C|customized [[Plain text|text]]}}	customized text
	{{yes O}}	Yes	{{yes O|customized [[Plain text|text]]}}	customized text
	{{yes N}}	Yes	{{yes N|customized [[Plain text|text]]}}	customized text
table-no	{{no}}	No	{{no|customized [[Plain text|text]]}}	customized text
	{{no O}}	File:Pictogram voting delete.svg No	{{no O|customized [[Plain text|text]]}}	File:Pictogram voting delete.svg customized text
	{{no X}}	No	{{no X|customized [[Plain text|text]]}}	customized text
	{{no Y}}	No	{{no Y|customized [[plain text|text]]}}	customized text	table-yes2	{{yes2}}		{{yes2|text}}	text
	{{ya}}		{{ya|text=ya}}	ya
	{{ya|Ya}}		{{ya|text|link=WP:ALT}}
	{{yan}}	Yes	{{yan|text=ya}}	ya		table-no2	{{no2}}		{{no2|text}}	text
	{{na}}		{{na|text=na}}	na
{{na|Na}}		{{na|text|link=WP:ALT}}
{{nan}}	No	{{nan|text=na}}	na
{{okay}}	Neutral	{{okay|C}}	C
{{Yes-No}}	Yes/No	{{Yes-No|yes with an if; no with a but}}	yes with an if; no with a but
table-na	{{n/a}}	—	{{n/a|unavailable}}	unavailable
	{{BLACK}}	N/A	{{BLACK|banned}}	banned
	{{sdash}}	—	{{sdash}}	—
	no class	{{shade|100}}%	100%	{{shade|color=blue|100}}%	100%
		{{shade|75}}%	75%	{{shade|color=blue|75|73–78}}%	73–78%
		{{shade|25}}%	25%	{{shade|color=blue|25|{{val|25|2|u=%}}}}	25%±2%
		{{shade|0}}%	0%	{{shade|color=blue|0}}%	0%
{{cell color|2|0|10}}		2	{{cell color|5|0|10|FF0000|0000FF}}	2
{{CellCategory|1}}			{{CellCategory|1|Group A}}	Group A
{{CellCategory|2}}			{{CellCategory|2|Group B|align=tc}}	Group B
{{CellCategory|3}}			{{CellCategory|3|Group C|align=tr}}	Group C

Code

Common code to most if not all the templates in this series:

style="background: #abcdef; color: black; vertical-align: middle; text-align: {{{align|center}}}; {{{style|text-transform: capitalize;}}}" class="automatic table-automatic"| {{{1|text}}}

Creating new templates

To make a new table cell template you can use:

{{subst:Table cell templates|text= default text |bg= background color |class= a class name without prefix |align= standard horizontal alignment}}

You should leave out the align parameter and often the class parameter is unnecessary, too.

Add the new template to the table in the common documentation afterwards. Please consider reusing one of the other templates and please choose the color sensibly.

If you find a table cell template that does not take a parameter and you want to be able to change the text in the cell, do not duplicate the template! Instead, edit the template and change the text to a default parameter substitution. For example, if a template's text is Dropped, change that to {{{1|Dropped}}}.

style="background: #abcdef; color: black; vertical-align: middle; text-align: {{{align|center}}}; {{{style|}}}" class="automatic table-automatic"| {{{1|text}}}

Choosing a color

When changing or creating a new template, follow the use of colour guidelines and the color accessibility guidelines when choosing the background color and, sometimes, the text color. Many of these templates can be used with links to other articles or references, so the links should be clearly identifiable against the background color. You can check contrast level using the WebAIM contrast checker by setting the foreground color to the blue link color. Contrast should be at the minimum WCAG AA level and, whenever possible, at WCAG AAA level. Wikipedia:Manual of Style/Accessibility/Colors has a set of colors that comply with WCAG AAA and WCAG AA for unvisited links and normal text.

Color subpage

All templates should either have a /bgcolor subpage that contains nothing but a valid CSS color code, possibly wrapped in nowiki tags, e.g. #BFD, which can be included with background: {{/bgcolor}}; in the style attribute, or they should reference another template's subpage, e.g. background: {{Template:Yes2/bgcolor}};. Alternatively, the /bgcolor subpage may redirect to another color code subpage: #REDIRECT [[yes2/bgcolor]].

This way, pages that are using these templates may also use {{legend}} and similar templates which can reference the actual color: {{legend|{{yes2/bgcolor}}|supported}}

TemplateData

This is the TemplateData for this template used by TemplateWizard, VisualEditor and other tools. See a monthly parameter usage report for Template:Table cell templates in articles based on its TemplateData.

TemplateData for Table cell templates

One of several templates for styling individual table cells with standard contents and colors.

Template parameters

This template prefers inline formatting of parameters.

Parameter		Description	Type	Status
text	1	text to be displayed instead of the default; if this doesn't work put the text after the template, possibly with a vertical bar | in between Default (template dependent)	Content	optional
horizontal align	align	text alignment inside the cell, either 'left', 'right', 'center' or 'justified' Suggested values left center right justified Default center	String	optional
style	style	a semicolon-separated list of additional CSS rules to be applied to the table cell Default (template dependent)	String	optional
background color	color	a valid CSS color value or name to override the standard cell background, only available with some templates Default (template dependent)	Line	optional

See also

• {{Change}} – calculates, displays and color-codes changes between two values
• {{Cell color}} - Shaded cell based on value in a range with automatic text visibility
• {{BSD-lic}} – specialized redirect for {{free}}
• {{GPL-lic}} – specialized redirect for {{free}}
• {{LGPL-lic}} – specialized redirect for {{free}}
• {{Active}} / {{No result}} / {{Eliminated}} for comparison tables