Help:Table - Revision history

Overthink: /* For single cells */ fix

2025-12-28T10:22:51Z

For single cells: fix

← Older revision		Revision as of 10:22, 28 December 2025
Line 215:		Line 215:
	\|-		\|-
	\| Left aligned text		\| Left aligned text
	\| Nothing to do (if the default is "left-align", this is mostly the case)<ref>If a column has other then left-aligned text, for example by <code>class="... right-all"</code> (see above section(s)), cell-specific inline [[CSS]] will prioritized highest</ref>		\| Nothing to do (if the default is "left-align", this is mostly the case)<ref>If a column has other then left-aligned text, for example by <code>class="... right-all"</code> (see above section(s)), cell-specific inline [[CSS]] will prioritized highest, and use <code>style{{=}}"text-align: left;" {{pipe}}</code></ref>
	\|-		\|-
	\| style="text-align:center;" \| Centered text		\| style="text-align:center;" \| Centered text
Line 221:		Line 221:
	\|-		\|-
	\| style="text-align:right;" \| Right aligned		\| style="text-align:right;" \| Right aligned
	\| Place <code>style{{=}}"text-align: ~~center~~;" {{pipe}}</code> after the opening pipe		\| Place <code>style{{=}}"text-align: right;" {{pipe}}</code> after the opening pipe
	\|-		\|-
	! Headline style		! Headline style

Overthink: + Wikipedia

2025-12-16T22:16:37Z

+ Wikipedia

← Older revision		Revision as of 22:16, 16 December 2025
Line 1:		Line 1:
			{{Wikipedia}}
	Tables can be used to layout contents horizontally and vertically. Tables can be made sortable, columns may be aligned, cells may be combined. See the following examples.		Tables can be used to layout contents horizontally and vertically. Tables can be made sortable, columns may be aligned, cells may be combined. See the following examples.

ArrowHead294: /* Pipe symbols in cells */

2025-05-27T15:51:10Z

Pipe symbols in cells

← Older revision		Revision as of 15:51, 27 May 2025
Line 235:		Line 235:

	{\| class="wikitable"		{\| class="wikitable"
	\|+ Compact syntax: one line per row		\|+ style="font-size: 105%;" \| Compact syntax: one line per row
	\|-		\|-
	! Wikitext		! Wikitext
Line 257:		Line 257:

	{\| class="wikitable"		{\| class="wikitable"
	\|+ "Airy" syntax: one line per cell		\|+ style="font-size: 105%;" \| "Airy" syntax: one line per cell
	\|-		\|-
	! Wikitext		! Wikitext
Line 264:		Line 264:
	\| <pre>		\| <pre>
	{\| class="wikitable"		{\| class="wikitable"
			\|-
	!\| A\|X		!\| A\|X
	!\| B\|Y		!\| B\|Y
Line 272:		Line 273:
	</pre>		</pre>
	\| {{(!}} class{{=}}"wikitable" style{{=}}"margin: auto auto auto auto;"		\| {{(!}} class{{=}}"wikitable" style{{=}}"margin: auto auto auto auto;"
			{{!-}}
	!{{!}} A{{!}}X		!{{!}} A{{!}}X
	!{{!}} B{{!}}Y		!{{!}} B{{!}}Y
Line 280:		Line 282:
	\|}		\|}

	Alternatively, pipe characters can be escaped using {{tlx\|!}} or {{tlx\|pipe}}.		Alternatively, pipe characters can be escaped using {{tlx\|!}} or {{tlx\|pipe}}:

			{\| class="wikitable"
			\|+ style="font-size: 105%;" \| Using escapes
			\|-
			! Wikitext
			! Rendered output
			\|-
			\| <pre>
			{\| class="wikitable"
			\|-
			! A{{pipe}}X
			! B{{pipe}}Y
			\|-
			\| 1{{pipe}}2
			\| 3{{pipe}}4
			\|}
			</pre>
			\| {{(!}} class{{=}}"wikitable" style{{=}}"margin: auto auto auto auto;"
			{{!-}}
			! A{{pipe}}X
			! B{{pipe}}Y
			{{!-}}
			{{!}} 1{{pipe}}2
			{{!}} 3{{pipe}}4
			{{!)}}
			\|}

	== Combining table cells ==		== Combining table cells ==

ArrowHead294: /* Sortable tables */ Fix

2025-02-14T18:39:30Z

Sortable tables: Fix

← Older revision		Revision as of 18:39, 14 February 2025
Line 115:		Line 115:
	\|-		\|-
	\| 6 \|\| 200 \|\| Debussy loves it.		\| 6 \|\| 200 \|\| Debussy loves it.
	\|}</~~nowiki~~>		\|}</pre>

	{\| class="wikitable sortable"		{\| class="wikitable sortable"

ArrowHead294: /* Pipe symbols in cells */

2025-02-14T18:35:54Z

Pipe symbols in cells

← Older revision		Revision as of 18:35, 14 February 2025
Line 271:		Line 271:
	\|}		\|}
	</pre>		</pre>
	\| {{(!}} class{{=}}"wikitable"		\| {{(!}} class{{=}}"wikitable" style{{=}}"margin: auto auto auto auto;"
	!{{!}} A{{!}}X		!{{!}} A{{!}}X
	!{{!}} B{{!}}Y		!{{!}} B{{!}}Y

ArrowHead294: /* Pipe symbols in cells */

2025-02-14T18:35:38Z

Pipe symbols in cells

← Older revision		Revision as of 18:35, 14 February 2025
Line 240:		Line 240:
	! Rendered output		! Rendered output
	\|-		\|-
	\| <~~syntaxhighlight lang="text"~~>		\| <pre>
	{\| class="wikitable"		{\| class="wikitable"
	\|-		\|-
Line 247:		Line 247:
	\|\| 1\|2 \|\|\| 3\|4		\|\| 1\|2 \|\|\| 3\|4
	\|}		\|}
	</~~syntaxhighlight~~>		</pre>
	\|		\| {{(!}} class{{=}}"wikitable" style{{=}}"margin: auto auto auto auto;"
	{\| class="wikitable"		{{!-}}
	\|-		!{{!}} A\|X !!{{!}} B\|Y
	!\| A\|X !!\| B\|Y
	\|-		\|-
	\|\| 1\|2 ~~\|\|\|~~ 3\|4		{{!!}} 1\|2 {{!}}{{!!}} 3\|4
	\|}		{{!)}}
	\|}		\|}

Line 263:		Line 262:
	! Rendered output		! Rendered output
	\|-		\|-
	\| <~~syntaxhighlight lang="text"~~>		\| <pre>
	~~{\| class="wikitable"~~
	~~!\| A\|X~~
	~~!\| B\|Y~~
	\|-
	~~\|\| 1\|2~~
	~~\|\| 3\|4~~
	\|}
	~~</syntaxhighlight>~~
	\|
	{\| class="wikitable"		{\| class="wikitable"
	!\| A\|X		!\| A\|X
Line 280:		Line 270:
	\|\| 3\|4		\|\| 3\|4
	\|}		\|}
			</pre>
			\| {{(!}} class{{=}}"wikitable"
			!{{!}} A{{!}}X
			!{{!}} B{{!}}Y
			{{!-}}
			{{!!}} 1{{!}}2
			{{!!}} 3{{!}}4
			{{!)}}
	\|}		\|}

			Alternatively, pipe characters can be escaped using {{tlx\|!}} or {{tlx\|pipe}}.

	== Combining table cells ==		== Combining table cells ==

ArrowHead294 at 17:46, 20 November 2024

2024-11-20T17:46:56Z

Show changes

ArrowHead294: /* Adjusting text alignment */

2024-09-12T13:38:26Z

Adjusting text alignment

← Older revision		Revision as of 13:38, 12 September 2024
Line 157:		Line 157:
	If you want to override the default text alignment for all cells, add the class <code>"center-all"</code> to the <code>class="wikitable"</code> statement at beginning of the table.		If you want to override the default text alignment for all cells, add the class <code>"center-all"</code> to the <code>class="wikitable"</code> statement at beginning of the table.

	==== ~~for~~ whole columns ====		==== For whole columns ====

	Add a the appropriate class(es) to the <code>class="wikitable"</code> statement at beginning of the table. Their name starts with the alignment specification (<code>left</code>, <code>center</code>, or <code>right</code>) and a number (1 to 12) after a minus sign (<code>-</code>).		Add a the appropriate class(es) to the <code>class="wikitable"</code> statement at beginning of the table. Their name starts with the alignment specification (<code>left</code>, <code>center</code>, or <code>right</code>) and a number (1 to 12) after a minus sign (<code>-</code>).

Line 196:		Line 195:
	If you want to override the default text alignment (which is left) for the whole table, use <code>"center-all"</code> or <code>"right-all"</code>.		If you want to override the default text alignment (which is left) for the whole table, use <code>"center-all"</code> or <code>"right-all"</code>.

	==== ~~for~~ single cells ====		==== For single cells ====

	The table cells are left aligned by default, the heading cells are center aligned. You may change this via inline CSS style definitions:		The table cells are left aligned by default, the heading cells are center aligned. You may change this via inline CSS style definitions:

	{\| class="wikitable"		{\| class="wikitable"
	! ~~what~~ you want for the cell		! What you want for the cell
	! ~~what~~ you do to get it		! What you do to get it
	\|-		\|-
	\| ~~left~~ aligned text		\| Left aligned text
	\| ~~nothing~~ to do (if the default is "left-align", this is mostly the case)<ref>If a column has other then left-aligned text, for example by <code>class="... right-all"</code> (see above section(s)), cell-specific inline [[CSS]] will prioritized highest</ref>		\| Nothing to do (if the default is "left-align", this is mostly the case)<ref>If a column has other then left-aligned text, for example by <code>class="... right-all"</code> (see above section(s)), cell-specific inline [[CSS]] will prioritized highest</ref>
	\|-		\|-
	\| style="text-align:center;" \| ~~centered~~ text		\| style="text-align:center;" \| Centered text
	\| ~~place~~ <code~~><nowiki~~>style="text-align:center;" ~~\|</nowiki>~~</code> after the opening pipe		\| Place <code>style{{=}}"text-align: center;" {{pipe}}</code> after the opening pipe
	\|-		\|-
	\| style="text-align:right;" \| ~~right~~ aligned		\| style="text-align:right;" \| Right aligned
	\| ~~place~~ <code~~><nowiki~~>style="text-align:center;" ~~\|</nowiki>~~</code> after the opening pipe		\| Place <code>style{{=}}"text-align: center;" {{pipe}}</code> after the opening pipe
	\|-		\|-
	! ~~headline~~ style		! Headline style
	\| ~~exclamation~~ mark instead of the pipe symbol starts the cell		\| Exclamation mark instead of the pipe symbol starts the cell
	\|}		\|}

Fredg999 category edits: Todo categories

2024-08-23T05:57:03Z

Todo categories

← Older revision		Revision as of 05:57, 23 August 2024
Line 327:		Line 327:

	[[Category:Help]]		[[Category:Help]]
	[[Category:Todo:add ~~example~~\|?]]		[[Category:Todo:add examples\|?]]

Xenwolf: /* Table title or description */ one or two optional "row separators"

2021-12-17T17:32:50Z

Table title or description: one or two optional "row separators"

← Older revision		Revision as of 17:32, 17 December 2021
Line 123:		Line 123:
	=== Table title or description ===		=== Table title or description ===

	As to add a description or title to your table, use the pipe-plus combination <code>\|+</code> at the beginning of the line. For better readability you may add an optional row ~~separator~~ (<code>\|-</code>) ~~in the following~~ line.		As to add a description or title to your table, use the pipe-plus combination <code>\|+</code> at the beginning of the line. For better readability, you may add optional row separators (<code>\|-</code>) around this line.

	<nowiki>{\| class="wikitable"		<nowiki>{\| class="wikitable"
			\|-
	\|+ title or description		\|+ title or description
	\|-		\|-
Line 139:		Line 140:

	{\| class="wikitable"		{\| class="wikitable"
			\|-
	\|+ title or description		\|+ title or description
	\|-		\|-