Tables

Striped table

Description of table contents
Fee Description
Program application fee¹ (required with each application)	$ 150
Non-Program application fee¹	$ 100
Admission fee¹ (payable upon acceptance into the program)	$ 200
Admission fee¹ (payable upon acceptance into the program)	$ 200
Graduate Student Association Fee (Effective May 1, 2009, GSA Fee will be added to course registration fee)	$ 13 per credit
Course registration fee (per 3 credit course)²
Students living in Canada Includes $39 GSA Fee	$ 1,549
Students living abroad Includes $39 GSA Fee	$ 1,749

	<div class="table-wrap">
	<table>
	<caption>Description of table contents</caption>
	<tr>
	<th><strong>Fee Description</strong></th>
	<th> </th>
	</tr>
	<tbody>
	<tr>
	<td>Program application fee<sup>1</sup><br> (required with each application)</td>
	<td>$ 150</td>
	</tr>
	<tr>
	<td>Non-Program application fee<sup>1</sup></td>
	<td>$ 100</td>
	</tr>
	<tr>
	<td>Admission fee<sup>1</sup><br> (payable upon acceptance into the program) </td>
	<td>$ 200</td>
	</tr>
	<tr>
	<th>Admission fee<sup>1</sup><br> (payable upon acceptance into the program) </th>
	<th>$ 200</th>
	</tr>
	<tr>
	<td>Graduate Student Association Fee<br> (Effective May 1, 2009, GSA Fee will be added to course registration fee) </td>
	<td>$ 13 per credit</td>
	</tr>
	<tr>
	<td>Course registration fee (per 3 credit course)<sup>2</sup></td>
	<td><br></td>
	</tr>
	<tr>
	<td>Students living in Canada Includes $39 GSA Fee</td>
	<td>$ 1,549</td>
	</tr>
	<tr>
	<td>Students living abroad Includes $39 GSA Fee</td>
	<td>$ 1,749</td>
	</tr>
	</tbody>
	</table>
	</div>

view raw table-stripes.html hosted with ❤ by GitHub

No stripes

A class of <class="no-striping"> can be added to the <table> to remove the "zebra" striping as it is often called.

It is important to add <th scope="row"> to the table row to be light gray instead of dark blue when this is required. This is only necessary when using a <th>in the <tbody> element.

#	First	Last	Handle
1	Mark	Otto	@mdo
2	Jacob	Thornton	@jthorton
3	Larry	the Bird	@thebird

	<div class="table-wrap">
	<table class="table no-striping">
	<thead>
	<tr>
	<th>#</th>
	<th>First</th>
	<th>Last</th>
	<th>Handle</th>
	</tr>
	</thead>
	<tbody>
	<tr>
	<th scope="row">1</th>
	<td>Mark</td>
	<td>Otto</td>
	<td>@mdo</td>
	</tr>
	<tr>
	<th scope="row">2</th>
	<td>Jacob</td>
	<td>Thornton</td>
	<td>@jthorton</td>
	</tr>
	<tr>
	<th scope="row">3</th>
	<td>Larry</td>
	<td>the Bird</td>
	<td>@thebird</td>
	</tr>
	</tbody>
	</table>
	</div>

view raw table-no-stripes.html hosted with ❤ by GitHub

Updated August 12, 2024 by Digital & Web Operations (web_services@athabascau.ca)