Toolbox/Tables: Difference between revisions

Latest revision as of 16:44, 18 April 2012

How to use tables

Find the sample table here that most matches your need, then use the button to see the markup.

This is a plain table

One	Two
Three	Four
Five	Six

One with borders

One	Two
Three	Four
Five	Six

This is with labels

	One	Two
More	Three	Four
Again	Five	Six

This one can be sorted

One	Two
Three	Four
Five	Six

Now all of them combined

	One	Two
More	Three	Four
Again	Five	Six

Some other types of table

class="tablecenter":

Here the text is top-aligned

Here it is vertical-centered

class="vertical-centered" - table aligned left, text aligned vertically centered

Internet and Networking

class="vertical-centered wikitable" style="border: 1px solid grey;"

Centered heading -

'"`UNIQ--syntaxhighlight-00000002-QINU`"'

Debugging
F10	Step over (gdb's "next")
F11	Step into (gdb's "step")
F12	Step out of (gdb's "finish")

Description	Windows	Mac OS X	KDE Software
Blogging client	Windows Live Writer		Blogilo
BitTorrent Client	BitTorrent		KTorrent, KMLDonkey, KGet
Download Manager	FlashGet		KGet
eDonkey Client	eMule		KMLDonkey
E-mail Client	Outlook Express, Windows Live Mail	Apple Mail	KMail
Feed Aggregator			Akregator
PIM	Outlook		Kontact
Web Browser	Internet Explorer	Safari	Konqueror, rekonq
Instant Messaging Client	Windows Live Messenger	iChat, Adium	Kopete, KMess
IRC Client	mIRC	Colloquy	Konversation

:{|class="tablecenter" style="border:1px solid darkgray;"

Screenshot with neat border

Link image and external url:

- a huge collection of calendars with a broad range of topics

@@ Line 2: / Line 2: @@
 <translate>
-== How to use tables ==
+== How to use tables == <!--T:1-->
+<!--T:2-->
 Find the sample table here that most matches your need, then use the {{Icon|Userbase-edit}} button to see the markup.
-===This is a plain table===
+===This is a plain table=== <!--T:3-->
+<!--T:4-->
 {|
 |One
@@ Line 19: / Line 21: @@
 |}
-===One with borders===
+===One with borders=== <!--T:5-->
+<!--T:6-->
 {| class="wikitable"
 |One
@@ Line 32: / Line 35: @@
 |}
-===This is with labels===
+===This is with labels=== <!--T:7-->
+<!--T:8-->
 {|
 !
@@ Line 48: / Line 52: @@
 |}
-===This one can be sorted===
+===This one can be sorted=== <!--T:9-->
+<!--T:10-->
 {| class="sortable"
 |One
@@ Line 61: / Line 66: @@
 |}
-===Now all of them combined===
+===Now all of them combined=== <!--T:11-->
+<!--T:12-->
 {| class="wikitable sortable"
 !
@@ Line 77: / Line 83: @@
 |}
-== Some other types of table ==
+== Some other types of table == <!--T:13-->
+<!--T:14-->
 class="tablecenter":
+<!--T:15-->
 {|class="tablecenter"
 |[[Image:Kmail-kde4.png|thumb|265px|<div style="text-align:center">The KMail Welcome Screen</div>]]|| '''Here the text is top-aligned'''
@@ Line 91: / Line 99: @@
 ----
+<!--T:16-->
 {|class="vertical-centered"
 |[[Image:Applications-internet.png|48px|link=Special:myLanguage/Applications/Internet]]||colspan="3"|<h4>[[Special:myLanguage/Applications/Internet|
@@ Line 96: / Line 105: @@
 |}
+<!--T:17-->
 <nowiki>class="vertical-centered wikitable" style="border: 1px solid grey;"</nowiki>
+<!--T:18-->
 Centered heading -
 {{Input|<syntaxhighlight lang="php" line>
@@ Line 114: / Line 125: @@
 }}
+<!--T:19-->
 {| class="tablecenter" style="border:1px solid"
 ! colspan="2" style="background:#ffff99;text-align:center;" | Debugging
@@ Line 128: / Line 140: @@
+<!--T:20-->
 {|class="vertical-centered wikitable" style="border: 1px solid grey;"
 ! width="25%" | Description || width="25%" | Windows || width="25%" | Mac&nbsp;OS&nbsp;X || width="25%" | KDE Software
@@ Line 163: / Line 176: @@
+<!--T:21-->
 <nowiki>:{|class="tablecenter" style="border:1px solid darkgray;"</nowiki>
+<!--T:22-->
 :{|class="tablecenter" style="border:1px solid darkgray;"
 |<imagemap>Image:cwp7.png|200px
@@ Line 174: / Line 189: @@
 |}
+<!--T:23-->
 ----
+<!--T:24-->
 Link image and external url:
 ::{|
@@ Line 185: / Line 202: @@
 ----
+<!--T:25-->
 [[Category:Contributing]]
 </translate>