Tables

A way to show relationships among discrete data points. Let users compare like items by scanning horizontally across a row and aggregate unlike items by scanning vertically down a column

Basic Table

#	Make	Model	Year
1	Honda	Accord	2009
2	Toyota	Camry	2012
3	Hyundai	Elantra	2010

Table with Column Border

#	Make	Model	Year
1	Honda	Accord	2009
2	Toyota	Camry	2012
3	Hyundai	Elantra	2010

Table with Row Border

#	Make	Model	Year
1	Honda	Accord	2009
2	Toyota	Camry	2012
3	Hyundai	Elantra	2010

Table with Color

#	Make	Model	Year
1	Honda	Accord	2009
2	Toyota	Camry	2012
3	Hyundai	Elantra	2010

<!-- Basic Table -->
<table>
<thead>
<tr>
<td></td>
</tr>
</thead>
<tbody>
<tr>
<td></td>
</tr>
</body>
</table>

<!-- Table with Column Border -->
<table class="table-columns">
<thead>
<tr>
<td></td>
</tr>
</thead>
<tbody>
<tr>
<td></td>
</tr>
</body>
</table>

<!-- Table with Row Border -->
<table class="table-rows">
<thead>
<tr>
<td></td>
</tr>
</thead>
<tbody>
<tr>
<td></td>
</tr>
</body>
</table>

<!-- Table with Color -->
<table class="table-rows">
<thead class="accent">
<tr>
<td></td>
</tr>
</thead>
<tbody>
<tr>
<td></td>
</tr>
</body>
</table>