Help:Table: Difference between revisions

ArrowHead294 (talk | contribs)
m Update link, slight cleanup
 
(2 intermediate revisions by one other user not shown)
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.


For basic usage see [[Help:Editing#Tables]].
For basic usage see [[Help:Editing#Tables]].


== Some Examples ==
== Some examples ==
 
=== Table layout without border lines ===
=== Table layout without border lines ===
Layout contents vertically and horizontally (without making obvious that you use tables for this). Using the exclamation mark (<code>!</code>) instead of the pipe symbol (<code>|</code>) center-aligns the cell text and sets it to '''bold''' face.
Layout contents vertically and horizontally (without making obvious that you use tables for this). Using the exclamation mark (<code>!</code>) instead of the pipe symbol (<code>|</code>) center-aligns the cell text and sets it to '''bold''' face.


Line 214: Line 213:
|-
|-
| 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 220: Line 219:
|-
|-
| 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
Line 311: Line 310:


== Combining table cells ==
== Combining table cells ==
todo: internal description of colspans and rowspans
{{todo|inline=1|add examples|comment=internal description of colspans and rowspans}}


=== External helper tools ===
=== External helper tools ===
Line 361: Line 360:


== See also ==
== See also ==
* [[Help:Help]]
* [[Help:Introduction]]
* [[Help:Editing]]
* [[Help:Editing]]


[[Category:Help]]
[[Category:Help]]
[[Category:Todo:add examples|?]]