RuneScape talk:University of Lumbridge/Lesson/Tables

In this lesson we need to cover, based on the outline proposed to the community:

• What a table is and when they should be used
• The purpose of all the symbols used in tables, those being:
  • {|
  • |
  • !
  • |-
  • |+
  • |}
• Basic styling for tables (colours, text alignment, colspan/rowspan, alignment and so forth)
• How to make a table collapse and use of the Wikitable class

Stelercus 19:07, March 21, 2010 (UTC)

What exactly does the |+ do anyway? and also we might include html tables for different reasons

 Mythbusterma_Talk   ^HS<= BRASSICA PRIME

20:10, March 21, 2010 (UTC)

We mentioned in the wikiguild proposal that anything HTML will not be taught by this particular guild.

This is the table caption, which has the symbol with the + in front of it.

Header 1
Cell 1

Stelercus 20:12, March 21, 2010 (UTC)

I see and fine no HTML :'(

 Mythbusterma_Talk   ^HS<= BRASSICA PRIME

20:23, March 21, 2010 (UTC)

So far so good

Definitely should have the collapsing section with the "code" to show what's what and how it was done like in the other lessons. (It can be done by "editing" and looking, but I feel this convention to be more user friendly. Particularly for new users.)

Note we've not defined what a table is nor how it should be used, so I'll take a stab...

A table is an element in a page that conveys information as an array of rows and columns. It may be used to simply format the text of a list...

Long

Shopping list Item Source eggs Lumbridge farmhouse Milk Lumby cow pen (Bring buckets) Wheat Wheat field etc... etc... Code for above {|class="wikitable" |+Shopping list !Item !Source |- |eggs |Lumbridge farmhouse |- |Milk |Lumby cow pen (Bring buckets) |- |Wheat |Wheat field |- |etc... |etc... |} Or it may be used to convey information of a more complex nature; Such as the price of Charter ships going to and from various destinations... Destination Brimhaven Catherby Karamja Mos Le'Harmless Port Khazard Port Phasmatys Port Sarim Shipyard Port Tyras Oo'glog Brimhaven N/A 480 200 975* 400 2900 1600 400 3200 3800 Catherby 480 N/A 480 1750* 1600 3500 1000 1600 3200 3400 Karamja 200 480 N/A 225* 400 2900 N/A 200 3200 2000 Mos Le'Harmless 725* 625* 1025* N/A 1025* N/A 325* 275* 1600* 500* Port Khazard 1600 1600 1600 1025* N/A 4100 1280 1600 3200 5000 Port Phasmatys 2900 3500 2900 N/A 4100 N/A 1300 N/A 3200 2800 Port Sarim 1600 1000 N/A 325* 1280 1300 N/A 400 3200 1400 Ship yard 400 1600 200 225* 720 N/A 400 N/A 3200 900 Port Tyras 3200 3200 3200 1600* 3200 3200 3200 3200 N/A 3200 Oo'glog 3800 3400 2000 550* 5000 2800 1400 900 3200 N/A With the above table, people can see what price a charter ship trip would cost by choosing their destination from the rows, and then picking the cell that falls in the column under where they desire to travel from. In this case, if one wants to go from Port Sarim to Port Khazard... Destination Brimhaven Catherby Karamja Mos Le'Harmless Port Khazard Port Phasmatys Port Sarim Shipyard Port Tyras Oo'glog Brimhaven N/A 480 200 975* 400 2900 1600 400 3200 3800 Catherby 480 N/A 480 1750* 1600 3500 1000 1600 3200 3400 Karamja 200 480 N/A 225* 400 2900 N/A 200 3200 2000 Mos Le'Harmless 725* 625* 1025* N/A 1025* N/A 325* 275* 1600* 500* Port Khazard 1600 1600 1600 1025* N/A 4100 1280 1600 3200 5000 Port Phasmatys 2900 3500 2900 N/A 4100 N/A 1300 N/A 3200 2800 Port Sarim 1600 1000 N/A 325* 1280 1300 N/A 400 3200 1400 Ship yard 400 1600 200 225* 720 N/A 400 N/A 3200 900 Port Tyras 3200 3200 3200 1600* 3200 3200 3200 3200 N/A 3200 Oo'glog 3800 3400 2000 550* 5000 2800 1400 900 3200 N/A Code for above {|style="bold"|Destination ![[Brimhaven]] ![[Catherby]] ![[Karamja]] ![[Mos Le'Harmless]] ![[Port Khazard]] ![[Port Phasmatys]] !style="background:green;"|[[Port Sarim]] ![[Shipyard]] ![[Port Tyras]] ![[Oo'glog]] |- |'''[[Brimhaven]]''' |N/A |480 |200 |975* |400 |2900 |style="background:green;"|1600 |400 |3200 |3800 |- |'''[[Catherby]]''' |480 |N/A |480 |1750* |1600 |3500 |style="background:green;"|1000 |1600 |3200 |3400 |- |'''[[Karamja]]''' |200 |480 |N/A |225* |400 |2900 |style="background:green;"|N/A |200 |3200 |2000 |- |'''[[Mos Le'Harmless]]''' |725* |625* |1025* |N/A |1025* |N/A |style="background:green;"|325* |275* |1600* |500* |- |style="background:yellow;"|'''[[Port Khazard]]''' |style="background:yellow;"|1600 |style="background:yellow;"|1600 |style="background:yellow;"|1600 |style="background:yellow;"|1025* |style="background:yellow;"|N/A |style="background:yellow;"|4100 |style="background:blue;"|1280 |style="background:yellow;"|1600 |style="background:yellow;"|3200 |style="background:yellow;"|5000 |- |'''[[Port Phasmatys]]''' |2900 |3500 |2900 |N/A |4100 |N/A |style="background:green;"|1300 |N/A |3200 |2800 |- |'''[[Port Sarim]]''' |1600 |1000 |N/A |325* |1280 |1300 |style="background:green;"|N/A |400 |3200 |1400 |- |'''[[Ship yard]]''' |400 |1600 |200 |225* |720 |N/A |style="background:green;"|400 |N/A |3200 |900 |- |'''[[Port Tyras]]''' |3200 |3200 |3200 |1600* |3200 |3200 |style="background:green;"|3200 |3200 |N/A |3200 |- |'''[[Oo'glog]]''' |3800 |3400 |2000 |550* |5000 |2800 |style="background:green;"|1400 |900 |3200 |N/A |}

We should also mention Template:Rt/doc and others that may help... "Tables 102"?

--Dionisio 01:00, April 2, 2010 (UTC)

The example tables are too big. They simply don't need to be that large to convey the point.

There's also a faster way to style whole rows.

header 1	header 2	header 3
row 1, cell 1	row 1, cell 2	row 1, cell 3
row 2, cell 1	row 2, cell 2	row 2, cell 3

Code for above
{| class="wikitable" |- ! header 1 ! header 2 ! header 3 |- style="color:green" | row 1, cell 1 | row 1, cell 2 | row 1, cell 3 |- | row 2, cell 1 | row 2, cell 2 | row 2, cell 3 |}

you just write the condition for the whole row in the |- area, but you can specify it for a certain cell if you want to override the default for that row.

header 1	header 2	header 3
row 1, cell 1	row 1, cell 2	row 1, cell 3
row 2, cell 1	row 2, cell 2	row 2, cell 3

Code for above
{| class="wikitable" |- ! header 1 ! header 2 ! header 3 |- style="color:green" | row 1, cell 1 |style="color:blue"|row 1, cell 2 | row 1, cell 3 |- | row 2, cell 1 | row 2, cell 2 | row 2, cell 3 |}

Stelercus 01:59, April 2, 2010 (UTC)

<chuckle> Learned something new! And it's documented, sort of... Me fixxy...

The table were handy, so I used 'em.

Working for a school in real life, I like transparent documentation. Folks learn better that way. Suspect that several folks have learned something from our interaction...--Dionisio 03:01, April 2, 2010 (UTC)

Finally! It's going to make this a thousand easier for the rest of my life. I am willing to have the page published. I will use this table lay-out for my calucators. This is what I need! Finally, Thank you whoever made the layout! Thank you! Rsrealm 04:34, May 2, 2010 (UTC)