Tables
Table styles are set by the stylesheet. To use them, use the standard class on your table tag, and use the tablecell class on your th and td tags. Table headers are automatically set in bold with a gray background. Include the cellspacing and cellpadding tags on your table tag. The following code example results in the table shown far below.
<table cellspacing="0" cellpadding="6" summary="table of School of Pharmacy profile statistics" class="standard">
<tr>
<th class="tablecell" colspan="3">
<p>Faculty</p>
</th>
</tr>
<tr>
<td class="tablecell" rowspan="2">
<p> </p>
</td>
<td class="tablecell">
<p>Salaried</p>
</td>
<td class="tablecell" align="right">
<p>82</p>
</td>
</tr>
<tr>
<td class="tablecell">
<p>Without Salary</p>
</td>
<td class="tablecell" align="right">
<p>688</p>
</td>
</tr>
<tr>
<th class="tablecell" colspan="3">
<p>Students</p>
</th>
</tr>
<tr>
<td class="tablecell" rowspan="3">
<p> </p>
</td>
<td class="tablecell">
<p>PharmD</p>
</td>
<td class="tablecell" align="right">
<p>481</p>
</td>
</tr>
<tr>
<td class="tablecell">
<p>MS</p>
</td>
<td class="tablecell" align="right">
<p>1</p>
</td>
</tr>
<tr>
<td class="tablecell">
<p>PhD</p>
</td>
<td class="tablecell" align="right">
<p>120</p>
</td>
</tr>
</table>
|
Faculty
|
|
|
Salaried
|
82
|
|
Without Salary
|
688
|
|
Students
|
|
|
PharmD
|
481
|
|
MS
|
1
|
|
PhD
|
120
|
In this example:
- Numbers in columns are right-aligned to make comprehension easier.
- Multiple levels of headings and
rowspan attributes are used to clarify hierarchy.
Examples
Examples of using tables:
Go To: Visual Design or Style Guide
School of Pharmacy 
