Wikitable: Difference between revisions

From University of Washington - Ubicomp Research Page
Jump to navigationJump to search
mNo edit summary
 
No edit summary
 
(One intermediate revision by the same user not shown)
Line 1: Line 1:
Add the following to : {{SERVER}}/uwar_wiki/index.php/MediaWiki:Common.css
Add the following to : {{fullurl:MediaWiki:Common.css}}
<css>
<css>
/* wikitable/prettytable class for skinning normal tables */
/* wikitable/prettytable class for skinning normal tables */
Line 30: Line 30:
}
}
</css>
</css>
This style allows you to create nice looking tables like so:
=== Wiki markup ===
<ul>
<pre>
{| class="wikitable" style="text-align:center"
!colspan="2" style="width:70px" | Byte 0 !! colspan="2" style="width:70px" | Byte 1 !!colspan="2" style="width:70px" | Byte 2 !!colspan="2" style="width:70px" | Byte 3 !!colspan="2" style="width:70px" | Byte 4 !! colspan="2" style="width:70px" | Byte 5
|-
|style="width:35px"| '!' || 0x21 || style="width:35px"| 'b' || 0x62 || colspan="8" style="background:#ABCDEF;" | Argument
|}
</pre>
</ul>
=== Results ===
<ul>
{| class="wikitable" style="text-align:center"
!colspan="2" style="width:70px" | Byte 0 !! colspan="2" style="width:70px" | Byte 1 !!colspan="2" style="width:70px" | Byte 2 !!colspan="2" style="width:70px" | Byte 3 !!colspan="2" style="width:70px" | Byte 4 !! colspan="2" style="width:70px" | Byte 5
|-
|style="width:35px"| '!' || 0x21 || style="width:35px"| 'b' || 0x62 || colspan="8" style="background:#ABCDEF;" | Argument
|}

Latest revision as of 18:59, 30 April 2007

Add the following to : https://ubi.cs.washington.edu/wiki/index.php?title=MediaWiki:Common.css <css> /* wikitable/prettytable class for skinning normal tables */

table.wikitable, table.prettytable { 

 margin: 1em 1em 1em 0;
 background: #f9f9f9;
 border: 1px #aaa solid;
 border-collapse: collapse;

}

table.wikitable th, table.wikitable td, table.prettytable th, table.prettytable td { 

 border: 1px #aaa solid;
 padding: 0.2em;

}

table.wikitable th, table.prettytable th { 

 background: #f2f2f2;
 text-align: center;

}

table.wikitable caption, table.prettytable caption { 

 margin-left: inherit;
 margin-right: inherit;
 font-weight: bold;

} </css>

This style allows you to create nice looking tables like so:

Wiki markup

    {| class="wikitable" style="text-align:center"
!colspan="2" style="width:70px" | Byte 0 !! colspan="2" style="width:70px" | Byte 1 !!colspan="2" style="width:70px" | Byte 2 !!colspan="2" style="width:70px" | Byte 3 !!colspan="2" style="width:70px" | Byte 4 !! colspan="2" style="width:70px" | Byte 5 
|- 
|style="width:35px"| '!' || 0x21 || style="width:35px"| 'b' || 0x62 || colspan="8" style="background:#ABCDEF;" | Argument
|}

Results

    Byte 0 Byte 1 Byte 2 Byte 3 Byte 4 Byte 5
    '!' 0x21 'b' 0x62 Argument
Retrieved from "https://ubi.cs.washington.edu/wiki/index.php?title=Wikitable&oldid=1829"