Editing Wikitext/Tables Ready to Use

From Wikibooks, the open-content textbooks collection

Jump to: navigation, search
Editing Wikitext
 

Contents

Tables Ready to Use

The tables on this page are intended for those who need a Wikitext table that they can modify or extend for their use. For the main table-making page refer to Tables.

The tables are accompanied by both Wikitext and HTML code modules in a drop-box, and this code can be copied into the WikiBooks Sandbox for additional work. The code in these modules has been numbered though the line numbers are local and will not appear in your pasted copies.

Convert HTML Tables to Wiki is an excellent online tool, though a tool for the reverse process is elusive. Consequently, if both HTML and Wiki versions of tables are needed, it is advised to make tables first in HTML, then convert. Contributors with a useful table are encouraged to add to the page.		  

The Basic Table

Top Caption Goes Here.
Heading 1 Heading 2 Heading 3
A B C
D E F
G H I



Wikitext and HTML code
Wikitext Version: 


  1. {|  style="border-collapse:collapse;background:white;" cellpadding=5px align=left width=70% 

  2.   |+ Top Caption Goes Here

  3. |- style="font-weight:bold; text-align:center;"

  4.   ! width=33% style=" border:1px solid gray;"|Heading 1

  5.   ! width=33% style=" border:1px solid gray;"|Heading 2

  6.   ! width=33% style=" border:1px solid gray;"|Heading 3

  7. |-

  8.   | style="border:1px solid gray;"|A

  9.   | style="border:1px solid gray;"|B

  10.   | style="border:1px solid gray;"|C

  11. |-

  12.   | style="border:1px solid gray;"|D

  13.   | style="border:1px solid gray;"|E

  14.   | style="border:1px solid gray;"|F

  15. |-

  16.   | style="border:1px solid gray;"|G

  17.   | style="border:1px solid gray;"|H

  18.   | style="border:1px solid gray;"|I

  19. |}


HTML Version:

  1. <table  style="border-collapse:collapse;background:white;" cellpadding=5px align=left width=70% >

  2.   <caption> Top Caption Goes Here </caption>

  3. <tr style="font-weight:bold; text-align:center;">

  4.   <th width=33% style=" border:1px solid gray;">Heading 1</th>

  5.   <th width=33% style=" border:1px solid gray;">Heading 2</th>

  6.   <th width=33% style=" border:1px solid gray;">Heading 3</th>

  7. </tr>

  8. <tr>

  9.   <td style="border:1px solid gray;">A</td>

  10.   <td style="border:1px solid gray;">B</td>

  11.   <td style="border:1px solid gray;">C</td>

  12. </tr>

  13. <tr>

  14.   <td style="border:1px solid gray;">D</td>

  15.   <td style="border:1px solid gray;">E</td>

  16.   <td style="border:1px solid gray;">F</td>

  17. </tr>

  18. <tr>

  19.   <td style="border:1px solid gray;">G</td>

  20.   <td style="border:1px solid gray;">H</td>

  21.   <td style="border:1px solid gray;">I</td>

  22. </tr>

  23. </table>




Row and Column Headings

Top Caption Goes Here
Description Heading 1 Heading 2 Heading 3
Row Heading 1 A B C
Row Heading 2 D E F
Row Heading 3 G H I



Wikitext and HTML code
Wikitext Version: 


  1. {|   style="border-collapse:collapse;background:white;" cellpadding=5px align=left width=70% 

  2.   |+ Top Caption Goes Here

  3. |- style="font-weight:bold; text-align:center;"

  4.   ! width=25% style=" border:1px solid gray;"|Description 

  5.   ! width=25% style=" border:1px solid gray;"|Heading 1

  6.   ! width=25% style=" border:1px solid gray;"|Heading 2

  7.   ! width=25% style=" border:1px solid gray;"|Heading 3

  8. |- 

  9.   | style="border:1px solid gray;"|'''Row Heading 1'''

  10.   | style="border:1px solid gray;"|A

  11.   | style="border:1px solid gray;"|B

  12.   | style="border:1px solid gray;"|C

  13. |- 

  14.   | style="border:1px solid gray;"|'''Row Heading 2''' 

  15.   | style="border:1px solid gray;"|D

  16.   | style="border:1px solid gray;"|E

  17.   | style="border:1px solid gray;"|F

  18. |- 

  19.   | style="border:1px solid gray;"|'''Row Heading 3'''  

  20.   | style="border:1px solid gray;"|G

  21.   | style="border:1px solid gray;"|H

  22.   | style="border:1px solid gray;"|I

  23. |}


HTML Version:

  1. <table  style="border-collapse:collapse;background:white;" cellpadding=5px align=left width=70% >

  2.   <caption> Top Caption Goes Here </caption>

  3. <tr style="font-weight:bold; text-align:center;">

  4.   <th width=25% style=" border:1px solid gray;">Description</th>  

  5.   <th width=25% style=" border:1px solid gray;">Heading 1</th>

  6.   <th width=25% style=" border:1px solid gray;">Heading 2</th>

  7.   <th width=25% style=" border:1px solid gray;">Heading 3</th>

  8. </tr>

  9. <tr>

  10.   <td style="border:1px solid gray;">'''Row Heading 1'''</td>  

  11.   <td style="border:1px solid gray;">A</td>

  12.   <td style="border:1px solid gray;">B</td>

  13.   <td style="border:1px solid gray;">C</td>

  14. </tr>

  15. <tr>

  16.   <td style="border:1px solid gray;">'''Row Heading 2'''</td>   

  17.   <td style="border:1px solid gray;">D</td>

  18.   <td style="border:1px solid gray;">E</td>

  19.   <td style="border:1px solid gray;">F</td>

  20. </tr>

  21. <tr>

  22.   <td style="border:1px solid gray;">'''Row Heading 3'''</td>  

  23.   <td style="border:1px solid gray;">G</td>

  24.   <td style="border:1px solid gray;">H</td>

  25.   <td style="border:1px solid gray;">I</td>

  26. </tr>

  27. </table>
     
 


Decimal Point Alignment

Caption Goes Here
$US January February March Totals
Item 1 1. 22 12. 20 122. 00 135. 42
Item 2 12. 20 122. 00 1220. 00 1354. 20
Item 3 122. 00 1220. 00 1. 22 1343. 22
Totals 135. 42 1354. 20 1343. 22 2832. 84



Wikitext and HTML Code
Wikitext Version:


  1. {|  style="border-top:2px solid green; border-bottom:2px solid green;text-align:left; background:white;" align="left" width="70%"  border="0" cellspacing="0"

  2. |+ Caption Goes Here

  3. |- style="font-weight:bold; text-align:center;"

  4.    !  style="border-bottom:1px solid green;padding:10px;" align=left | $US

  5.    !  colspan=2 style="border-bottom:1px solid green;padding:10px;" | January

  6.    !  colspan=2 style="border-bottom:1px solid green;padding:10px;" | February

  7.    !  colspan=2 style="border-bottom:1px solid green;padding:10px;" | March

  8.    !  colspan=2 style="border-bottom:1px solid green;padding:10px;" | Totals

  9. |- 

  10.    |  width=20% style="padding:10px;" | Item 1

  11.    |  width=10% align=right style="padding:10px 0 10px 10px;" | 1.

  12.    |  width=10%  style="padding:10px 10px 10px 0;" | 22

  13.    |  width=10% align=right style="padding:10px 0 10px 10px;" | 12.

  14.    |  width=10%  style="padding:10px 10px 10px 0;" | 20

  15.    |  width=10% align=right style="padding:10px 0 10px 10px;" | 122.

  16.    |  width=10%  style="padding:10px 10px 10px 0;" | 00

  17.    |  width=10% align=right style="padding:10px 0 10px 10px;" | 135.

  18.    |  width=10%  style="padding:10px 10px 10px 0;" | 42

  19. |- 

  20.    |  style="padding:10px;" | Item 2

  21.    |  align=right style="padding:10px 0 10px 10px;" | 12.

  22.    |   style="padding:10px 10px 10px 0;" | 20

  23.    |  align=right style="padding:10px 0 10px 10px;" | 122.

  24.    |   style="padding:10px 10px 10px 0;" | 00

  25.    |  align=right style="padding:10px 0 10px 10px;" | 1220.

  26.    |   style="padding:10px 10px 10px 0;" | 00

  27.    |  align=right style="padding:10px 0 10px 10px;" | 1354.

  28.    |   style="padding:10px 10px 10px 0;" | 20

  29. |- 

  30.    |  style="padding:10px;" | Item 3

  31.    |  align=right style="padding:10px 0 10px 10px;" | 122.

  32.    |   style="padding:10px 10px 10px 0;" | 00

  33.    |  align=right style="padding:10px 0 10px 10px;" | 1220.

  34.    |   style="padding:10px 10px 10px 0;" | 00

  35.    |  align=right style="padding:10px 0 10px 10px;" | 1.

  36.    |   style="padding:10px 10px 10px 0;" | 22

  37.    |  align=right style="padding:10px 0 10px 10px;" | 1343.

  38.    |   style="padding:10px 10px 10px 0;" | 22

  39. |- 

  40.    !  style="padding:10px;border-top:1px solid green;" align=left | Totals

  41.    |  align=right style="border-top:1px solid green; padding:10px 0 10px 10px;" | 135.

  42.    |   style="padding:10px 10px 10px 0;border-top:1px solid green;" | 42

  43.    |  align=right style="padding:10px 0 10px 10px;border-top:1px solid green;" | 1354.

  44.    |   style="padding:10px 10px 10px 0;border-top:1px solid green;" | 20

  45.    |  align=right style="padding:10px 0 10px 10px;border-top:1px solid green;" | 1343.

  46.    |   style="padding:10px 10px 10px 0;border-top:1px solid green;" | 22

  47.    |  align=right style="padding:10px 0 10px 10px;border-top:1px solid green;" | 2832.

  48.    |   style="padding:10px 10px 10px 0;border-top:1px solid green;" | 84

  49. |}


HTML Version:

  1. <table style="border-top:2px solid green;border-bottom:2px solid green;text-align:left; background:white;" align="left" width="70%"  border="0" cellspacing="0">

  2. <caption> Caption Goes Here </caption>

  3. <tr style="font-weight:bold; text-align:center;">

  4.   <th style="border-bottom:1px solid green;padding:10px;" align=left>$US</th>

  5.   <th colspan=2 style="border-bottom:1px solid green;padding:10px;">January</th>

  6.   <th colspan=2 style="border-bottom:1px solid green;padding:10px;">February</th>

  7.   <th colspan=2 style="border-bottom:1px solid green;padding:10px;">March</th>

  8.   <th colspan=2 style="border-bottom:1px solid green;padding:10px;">Totals</th>

  9. </tr>

  10. <tr>

  11.   <td width=20% style="padding:10px;">Item 1</td>

  12.   <td width=10% align=right style="padding:10px 0 10px 10px;">1.</td>

  13.   <td width=10%  style="padding:10px 10px 10px 0;">22</td>

  14.   <td width=10% align=right style="padding:10px 0 10px 10px;">12.</td>

  15.   <td width=10%  style="padding:10px 10px 10px 0;">20</td>

  16.   <td width=10% align=right style="padding:10px 0 10px 10px;">122.</td>

  17.   <td width=10%  style="padding:10px 10px 10px 0;">00</td>

  18.   <td width=10% align=right style="padding:10px 0 10px 10px;">135.</td>

  19.   <td width=10%  style="padding:10px 10px 10px 0;">42</td>

  20. </tr>

  21. <tr>

  22.   <td style="padding:10px;">Item 2</td>

  23.   <td align=right style="padding:10px 0 10px 10px;">12.</td>

  24.   <td  style="padding:10px 10px 10px 0;">20</td>

  25.   <td align=right style="padding:10px 0 10px 10px;">122.</td>

  26.   <td  style="padding:10px 10px 10px 0;">00</td>

  27.   <td align=right style="padding:10px 0 10px 10px;">1220.</td>

  28.   <td  style="padding:10px 10px 10px 0;">00</td>

  29.   <td align=right style="padding:10px 0 10px 10px;">1354.</td>

  30.   <td  style="padding:10px 10px 10px 0;">20</td>

  31. </tr>

  32. <tr>

  33.   <td style="padding:10px;">Item 3</td>

  34.   <td align=right style="padding:10px 0 10px 10px;">122.</td>

  35.   <td  style="padding:10px 10px 10px 0;">00</td>

  36.   <td align=right style="padding:10px 0 10px 10px;">1220.</td>

  37.   <td  style="padding:10px 10px 10px 0;">00</td>

  38.   <td align=right style="padding:10px 0 10px 10px;">1.</td>

  39.   <td  style="padding:10px 10px 10px 0;">22</td>

  40.   <td align=right style="padding:10px 0 10px 10px;">1343.</td>

  41.   <td  style="padding:10px 10px 10px 0;">22</td>

  42. </tr>

  43. <tr>

  44.   <th style="padding:10px;border-top:1px solid green;" align=left>Totals</th>

  45.   <td align=right style="border-top:1px solid green; padding:10px 0 10px 10px;">135.</td>

  46.   <td  style="padding:10px 10px 10px 0;border-top:1px solid green;">42</td>

  47.   <td align=right style="padding:10px 0 10px 10px;border-top:1px solid green;">1354.</td>

  48.   <td  style="padding:10px 10px 10px 0;border-top:1px solid green;">20</td>

  49.   <td align=right style="padding:10px 0 10px 10px;border-top:1px solid green;">1343.</td>

  50.   <td  style="padding:10px 10px 10px 0;border-top:1px solid green;">22</td>

  51.   <td align=right style="padding:10px 0 10px 10px;border-top:1px solid green;">2832.</td>

  52.   <td  style="padding:10px 10px 10px 0;border-top:1px solid green;">84</td>

  53. </tr>

  54. </table>
     
 


Horizontal Color Bands

Top Caption Goes Here
Heading 1 Heading 2 Heading 3
A B C
D E F
G H I



Wikitext and HTML code
Wikitext Version: 


  1. {|  style="border-collapse:collapse;background:ivory;" cellpadding=5px align=left width=70% 

  2.   |+ Top Caption Goes Here

  3. |- style="font-weight:bold; text-align:center;"

  4.   ! width=33% style=" border:1px solid gray;"|Heading 1

  5.   ! width=33% style=" border:1px solid gray;"|Heading 2

  6.   ! width=33% style=" border:1px solid gray;"|Heading 3

  7. |- style="background:lightgrey;"

  8.   | style="border:1px solid gray;"|A

  9.   | style="border:1px solid gray;"|B

  10.   | style="border:1px solid gray;"|C

  11. |- 

  12.   | style="border:1px solid gray;"|D

  13.   | style="border:1px solid gray;"|E

  14.   | style="border:1px solid gray;"|F

  15. |- style="background:lightgrey;"

  16.   | style="border:1px solid gray;"|G

  17.   | style="border:1px solid gray;"|H

  18.   | style="border:1px solid gray;"|I

  19. |}

HTML Version:


  1. <table  style="border-collapse:collapse;background:ivory;" cellpadding=5px align=left width=70% >

  2.   <caption> Top Caption Goes Here </caption>

  3. <tr style="font-weight:bold; text-align:center;">

  4.   <th width=33% style=" border:1px solid gray;">Heading 1</th>

  5.   <th width=33% style=" border:1px solid gray;">Heading 2</th>

  6.   <th width=33% style=" border:1px solid gray;">Heading 3</th>

  7. </tr>

  8. <tr style="background:lightgrey;">

  9.   <td style="border:1px solid gray;">A</td>

  10.   <td style="border:1px solid gray;">B</td>

  11.   <td style="border:1px solid gray;">C</td>

  12. </tr>

  13. <tr>

  14.   <td style="border:1px solid gray;">D</td>

  15.   <td style="border:1px solid gray;">E</td>

  16.   <td style="border:1px solid gray;">F</td>

  17. </tr>

  18. <tr style="background:lightgrey;">

  19.   <td style="border:1px solid gray;">G</td>

  20.   <td style="border:1px solid gray;">H</td>

  21.   <td style="border:1px solid gray;">I</td>

  22. </tr>

  23. </table>
     
 


Vertical Color Bands and 3D

Caption Goes Here
Cod Halibut Mackerel Sardines Total
North 32 34 43 45 154
East 23 22 11 13 69
South 111 21 4 5 141
West 54 45 34 43 176
Totals 220 122 92 106 540



Wikitext and HTML code
WikiText Version of 3D Table


  1. {|  style="border:1px solid rgb(220,220,220);background:rgb(230,230,230);text-align:center;border-collapse:collapse;" align="left" width="70%"  border="0" cellpadding="10"

  2.    |+ Caption Goes Here

  3. |- style="font-weight:bold; text-align:center;"

  4.    !  width=16.5% style="background:silver;" | 

  5.    !  width=16.5% | Cod

  6.    !  width=16.5% style="background:silver;" | Halibut

  7.    !  width=16.5% | Mackerel

  8.    !  width=16.5% style="background:silver;"| Sardines

  9.    !  width=16.5% | Total

  10. |- 

  11.    !  align=left style="background:silver;" | North

  12.    |  style="border-bottom:2px solid white;border-top:2px solid gray; border-left:2px solid gray;" | 32

  13.    |  style=" background:silver;border-bottom:2px solid white;border-top:2px solid gray;" | 34

  14.    |  style="border-bottom:2px solid white;border-top:2px solid gray;" | 43

  15.    |  style="background:silver;border-bottom:2px solid white;border-top:2px solid gray;" | 45

  16.    !  style="border-bottom:2px solid white;border-top:2px solid gray;" | 154

  17. |- 

  18.    !  align=left style="background:silver;" | East

  19.    | 23

  20.    |  style="background:silver;" | 22

  21.    | 11

  22.    |  style="background:silver;" | 13

  23.    ! 69

  24. |- 

  25.    !  align=left style="background:silver;" | South

  26.    |  style="border-bottom:2px solid white;border-top:2px solid gray; border-left:2px solid gray;" | 111

  27.    |  style="border-bottom:2px solid white;border-top:2px solid gray; background:silver;" | 21

  28.    |  style="border-bottom:2px solid white;border-top:2px solid gray;" | 4

  29.    |  style="background:silver;border-bottom:2px solid white;border-top:2px solid gray;" | 5

  30.    !  style="border-bottom:2px solid white;border-top:2px solid gray;" | 141

  31. |- 

  32.    !  align=left style="background:silver;" | West

  33.    | 54

  34.    |  style="background:silver;" | 45

  35.    | 34

  36.    |  style="background:silver;" | 43

  37.    ! 176

  38. |- 

  39.    !  align=left style="background:silver;" | Totals

  40.    !  style="border-bottom:2px solid white;border-top:2px solid gray; border-left:2px solid gray;" | 220

  41.    !  style="border-bottom:2px solid white;border-top:2px solid gray; background:silver;" | 122

  42.    !  style="border-bottom:2px solid white;border-top:2px solid gray;" | 92

  43.    !  style="background:silver;border-bottom:2px solid white;border-top:2px solid gray;" | 106

  44.    !  style="border-bottom:2px solid white;border-top:2px solid gray;" | 540

  45. |}


HTML Version:

  1. <table style="border:1px solid rgb(220,220,220);background:rgb(230,230,230);text-align:center;border-collapse:collapse;" align="left" width="70%"  border="0" cellpadding="10">

  2. <caption>Caption Goes Here</caption>

  3. <tr style="font-weight:bold; text-align:center;">

  4.   <th width=16.5% style="background:silver;"></th>

  5.   <th width=16.5%>Cod</th>

  6.   <th width=16.5% style="background:silver;">Halibut</th>

  7.   <th width=16.5%>Mackerel</th>

  8.   <th width=16.5% style="background:silver;">Sardines</th>

  9.   <th width=16.5% >Total</th>

  10. </tr>

  11. <tr>

  12.   <th align=left style="background:silver;">North</th>

  13.   <td style="border-bottom:2px solid white;border-top:2px solid gray; border-left:2px solid gray;">32</td>

  14.   <td style=" background:silver;border-bottom:2px solid white;border-top:2px solid gray;">34</td>

  15.   <td style="border-bottom:2px solid white;border-top:2px solid gray;">43</td>

  16.   <td style="background:silver;border-bottom:2px solid white;border-top:2px solid gray;">45</td>

  17.   <th style="border-bottom:2px solid white;border-top:2px solid gray;">154</th>

  18. </tr>

  19. <tr>

  20.   <th align=left style="background:silver;">East</th>

  21.   <td>23</td>

  22.   <td style="background:silver;">22</td>

  23.   <td>11</td>

  24.   <td style="background:silver;">13</td>

  25.   <th>69</th>

  26. </tr>

  27. <tr>

  28.   <th align=left style="background:silver;">South</th>

  29.   <td style="border-bottom:2px solid white;border-top:2px solid gray; border-left:2px solid gray;">111</td>

  30.   <td style="border-bottom:2px solid white;border-top:2px solid gray; background:silver;">21</td>

  31.   <td style="border-bottom:2px solid white;border-top:2px solid gray;">4</td>

  32.   <td style="background:silver;border-bottom:2px solid white;border-top:2px solid gray;">5</td>

  33.   <th style="border-bottom:2px solid white;border-top:2px solid gray;">141</th>

  34. </tr>

  35. <tr>

  36.   <th align=left style="background:silver;">West</th>

  37.   <td>54</td>

  38.   <td style="background:silver;">45</td>

  39.   <td>34</td>

  40.   <td style="background:silver;">43</td>

  41.   <th>176</th>

  42. </tr>

  43. <tr>

  44.   <th align=left style="background:silver;">Totals</th>

  45.   <th style="border-bottom:2px solid white;border-top:2px solid gray; border-left:2px solid gray;">220</th>

  46.   <th style="border-bottom:2px solid white;border-top:2px solid gray; background:silver;">122</th>

  47.   <th style="border-bottom:2px solid white;border-top:2px solid gray;">92</th>

  48.   <th style="background:silver;border-bottom:2px solid white;border-top:2px solid gray;">106</th>

  49.   <th style="border-bottom:2px solid white;border-top:2px solid gray;">540</th>

  50. </tr>

  51. </table>
     
 


Spaced Layout

Top Caption Goes Here
January February March April May June Total
North 4 32 3 8 12 6 65
East 1 0 10 3 4 3 21
West 6 7 9 11 16 2 51
South 4 22 23 19 8 5 81
Total 15 61 45 41 40 16 218



Wikitext and HTML code
Wikitext Version: 


  1. {|   style="text-align:center;border-collapse:separate;border-spacing:5px;background:white;" cellpadding=5px align=left width=70% 

  2.   |+ Top Caption Goes Here

  3. |- style="font-weight:bold; text-align:center; background:whitesmoke;"

  4.   ! width=12.5% |

  5.   ! width=12.5% |January

  6.   ! width=12.5% |February

  7.   ! width=12.5% |March

  8.   ! width=12.5% |April

  9.   ! width=12.5% |May

  10.   ! width=12.5% |June  

  11.   ! width=12.5% |Total

  12. |- style="background:lightgrey;"

  13.   | align=left|North

  14.   | 4

  15.   | 32

  16.   | 3

  17.   | 8

  18.   | 12

  19.   | 6

  20.   | '''65'''

  21. |- style="background:whitesmoke;"

  22.   | align=left|East

  23.   | 1

  24.   | 0

  25.   | 10

  26.   | 3

  27.   | 4

  28.   | 3

  29.   | '''21'''

  30. |- style="background:lightgrey;"

  31.   | align=left|West

  32.   | 6

  33.   | 7

  34.   | 9

  35.   | 11

  36.   | 16

  37.   | 2

  38.   | '''51'''

  39. |- style="background:whitesmoke;"

  40.   | align=left|South

  41.   | 4

  42.   | 22

  43.   | 23

  44.   | 19

  45.   | 8

  46.   | 5

  47.   | '''81'''

  48. |-style="background:lightgrey;"

  49.   | align=left|'''Total'''

  50.   | '''15'''

  51.   | '''61'''

  52.   | '''45'''

  53.   | '''41'''

  54.   | '''40'''

  55.   | '''16'''

  56.   | '''218'''

  57. |}


HTML Version:

  1. <table   style="text-align:center;border-collapse:separate;border-spacing:5px;background:white;" cellpadding=5px align=left width=70% >

  2.   <caption> Top Caption Goes Here </caption>

  3. <tr style="font-weight:bold; text-align:center; background:whitesmoke;">

  4.   <th width=12.5% ></th>

  5.   <th width=12.5% >January</th>

  6.   <th width=12.5% >February</th>

  7.   <th width=12.5% >March</th>

  8.   <th width=12.5% >April</th>

  9.   <th width=12.5% >May</th>

  10.   <th width=12.5% >June</th>  

  11.   <th width=12.5% >Total</th>

  12. </tr>

  13. <tr style="background:lightgrey;">

  14.   <td align=left>North</td>

  15.   <td> 4</td>

  16.   <td> 32</td>

  17.   <td> 3</td>

  18.   <td> 8</td>

  19.   <td> 12</td>

  20.   <td> 6</td>

  21.   <td> '''65'''</td>

  22. </tr>

  23. <tr style="background:whitesmoke;">

  24.   <td align=left>East</td>

  25.   <td> 1</td>

  26.   <td> 0</td>

  27.   <td> 10</td>

  28.   <td> 3</td>

  29.   <td> 4</td>

  30.   <td> 3</td>

  31.   <td> '''21'''</td>

  32. </tr>

  33. <tr style="background:lightgrey;">

  34.   <td align=left>West</td>

  35.   <td> 6</td>

  36.   <td> 7</td>

  37.   <td> 9</td>

  38.   <td> 11</td>

  39.   <td> 16</td>

  40.   <td> 2</td>

  41.   <td> '''51'''</td>

  42. </tr>

  43. <tr style="background:whitesmoke;">

  44.   <td align=left>South</td>

  45.   <td> 4</td>

  46.   <td> 22</td>

  47.   <td> 23</td>

  48.   <td> 19</td>

  49.   <td> 8</td>

  50.   <td> 5</td>

  51.   <td> '''81'''</td>

  52. </tr>

  53. <tr style="background:lightgrey;">

  54.   <td align=left>'''Total'''</td>

  55.   <td> '''15'''</td>

  56.   <td> '''61'''</td>

  57.   <td> '''45'''</td>

  58.   <td> '''41'''</td>

  59.   <td> '''40'''</td>

  60.   <td> '''16'''</td>

  61.   <td> '''218'''</td>

  62. </tr>

  63. </table>
     
 


A Colorful Table

Top Caption Goes Here
Heading 1 Heading 2 Heading 3
A B C
D E F
G H I



Wikitext and HTML code
Wikitext Version: 


  1. {|  style="background:lightyellow;border:1px solid gray;" cellspacing=0 cellpadding=5px align=left width=70% 

  2.   |+ Top Caption Goes Here

  3. |- style="font-weight:bold; text-align:center; background:brown; color:white;"

  4.   ! style=" border-bottom:1.5px solid black"|Heading 1

  5.   ! style=" border-bottom:1.5px solid black"|Heading 2

  6.   ! style=" border-bottom:1.5px solid black"|Heading 3

  7. |-

  8.   | width=33% style="border-bottom:1px solid gray"|A

  9.   | width=33% style="border-bottom:1px solid gray"|B

  10.   | width=33% style="border-bottom:1px solid gray"|C

  11. |-

  12.   | style="border-bottom:1px solid gray"|D

  13.   | style="border-bottom:1px solid gray"|E

  14.   | style="border-bottom:1px solid gray"|F

  15. |-

  16.   | style="border-bottom:1.5px solid black"|G

  17.   | style="border-bottom:1.5px solid black"|H

  18.   | style="border-bottom:1.5px solid black"|I

  19. |}


HTML Version:

  1. <table  style="background:lightyellow;border:1px solid gray;" cellspacing=0 cellpadding=5px align=left width=70% >

  2.   <caption> Top Caption Goes Here </caption>

  3. <tr style="font-weight:bold; text-align:center; background:brown; color: white;">

  4.   <th style=" border-bottom:1.5px solid black">Heading 1</th>

  5.   <th style=" border-bottom:1.5px solid black">Heading 2</th>

  6.   <th style=" border-bottom:1.5px solid black">Heading 3</th>

  7. </tr>

  8. <tr>

  9.   <td width=33% style="border-bottom:1px solid gray">A</td>

  10.   <td width=33% style="border-bottom:1px solid gray">B</td>

  11.   <td width=33% style="border-bottom:1px solid gray">C</td>

  12. </tr>

  13. <tr>

  14.   <td style="border-bottom:1px solid gray">D</td>

  15.   <td style="border-bottom:1px solid gray">E</td>

  16.   <td style="border-bottom:1px solid gray">F</td>

  17. </tr>

  18. <tr>

  19.   <td style="border-bottom:1.5px solid black">G</td>

  20.   <td style="border-bottom:1.5px solid black">H</td>

  21.   <td style="border-bottom:1.5px solid black">I</td>

  22. </tr>

  23. </table>
     
 

Other Pages

Retrieved from "http://en.wikibooks.org/wiki/Editing_Wikitext/Tables_Ready_to_Use"