Basic table
| Name | Age | Sex | Location |
|---|---|---|---|
| Faye Reagard | 36 | Female | Berlin |
| Dave Gamache | 26 | Male | San Francisco |
| Dwayne Johnson | 42 | Male | Hayward |
Stripped table
| Name | Age | Sex | Location |
|---|---|---|---|
| Faye Reagard | 36 | Female | Berlin |
| Dave Gamache | 26 | Male | San Francisco |
| Dwayne Johnson | 42 | Male | Hayward |
<table class="u-full-width">
<thead>
<tr>
<th>Name</th>
<th>Age</th>
<th>Sex</th>
<th>Location</th>
</tr>
</thead>
<tbody>
<tr>
<td>Faye Reagard</td>
<td>36</td>
<td>Female</td>
<td>Berlin</td>
</tr>
<tr>
<td>Dave Gamache</td>
<td>26</td>
<td>Male</td>
<td>San Francisco</td>
</tr>
<tr>
<td>Dwayne Johnson</td>
<td>42</td>
<td>Male</td>
<td>Hayward</td>
</tr>
</tbody>
</table>
<table class="u-full-width stripped">
<thead>
<tr>
<th>Name</th>
<th>Age</th>
<th>Sex</th>
<th>Location</th>
</tr>
</thead>
<tbody>
<tr>
<td>Faye Reagard</td>
<td>36</td>
<td>Female</td>
<td>Berlin</td>
</tr>
<tr>
<td>Dave Gamache</td>
<td>26</td>
<td>Male</td>
<td>San Francisco</td>
</tr>
<tr>
<td>Dwayne Johnson</td>
<td>42</td>
<td>Male</td>
<td>Hayward</td>
</tr>
</tbody>
</table>
Hover table
| Name | Age | Sex | Location |
|---|---|---|---|
| Faye Reagard | 36 | Female | Berlin |
| Dave Gamache | 26 | Male | San Francisco |
| Dwayne Johnson | 42 | Male | Hayward |
Stripped hover table
| Name | Age | Sex | Location |
|---|---|---|---|
| Faye Reagard | 36 | Female | Berlin |
| Dave Gamache | 26 | Male | San Francisco |
| Dwayne Johnson | 42 | Male | Hayward |
<table class="u-full-width hover">
<thead>
<tr>
<th>Name</th>
<th>Age</th>
<th>Sex</th>
<th>Location</th>
</tr>
</thead>
<tbody>
<tr>
<td>Faye Reagard</td>
<td>36</td>
<td>Female</td>
<td>Berlin</td>
</tr>
<tr>
<td>Dave Gamache</td>
<td>26</td>
<td>Male</td>
<td>San Francisco</td>
</tr>
<tr>
<td>Dwayne Johnson</td>
<td>42</td>
<td>Male</td>
<td>Hayward</td>
</tr>
</tbody>
</table>
<table class="u-full-width stripped hover">
<thead>
<tr>
<th>Name</th>
<th>Age</th>
<th>Sex</th>
<th>Location</th>
</tr>
</thead>
<tbody>
<tr>
<td>Faye Reagard</td>
<td>36</td>
<td>Female</td>
<td>Berlin</td>
</tr>
<tr>
<td>Dave Gamache</td>
<td>26</td>
<td>Male</td>
<td>San Francisco</td>
</tr>
<tr>
<td>Dwayne Johnson</td>
<td>42</td>
<td>Male</td>
<td>Hayward</td>
</tr>
</tbody>
</table>
Small table
| Name | Age | Sex | Location |
|---|---|---|---|
| Faye Reagard | 36 | Female | Berlin |
| Dave Gamache | 26 | Male | San Francisco |
| Dwayne Johnson | 42 | Male | Hayward |
Contextual table
| Name | Age | Sex | Location |
|---|---|---|---|
| Faye Reagard | 36 | Female | Berlin |
| Dave Gamache | 26 | Male | San Francisco |
| Dwayne Johnson | 42 | Male | Hayward |
| Katelyn Fox | 21 | Female | Paris |
| Claire O'Brian | 45 | Female | Dublin |
<table class="u-full-width small">
<thead>
<tr>
<th>Name</th>
<th>Age</th>
<th>Sex</th>
<th>Location</th>
</tr>
</thead>
<tbody>
<tr>
<td>Faye Reagard</td>
<td>36</td>
<td>Female</td>
<td>Berlin</td>
</tr>
<tr>
<td>Dave Gamache</td>
<td>26</td>
<td>Male</td>
<td>San Francisco</td>
</tr>
<tr>
<td>Dwayne Johnson</td>
<td>42</td>
<td>Male</td>
<td>Hayward</td>
</tr>
</tbody>
</table>
<table class="u-full-width">
<thead>
<tr>
<th>Name</th>
<th>Age</th>
<th>Sex</th>
<th>Location</th>
</tr>
</thead>
<tbody>
<tr class="dark">
<td>Faye Reagard</td>
<td>36</td>
<td>Female</td>
<td>Berlin</td>
</tr>
<tr class="success">
<td>Dave Gamache</td>
<td>26</td>
<td>Male</td>
<td>San Francisco</td>
</tr>
<tr class="primary">
<td>Dwayne Johnson</td>
<td>42</td>
<td>Male</td>
<td>Hayward</td>
</tr>
<tr class="warning">
<td>Katelyn Fox</td>
<td>21</td>
<td>Female</td>
<td>Paris</td>
</tr>
<tr class="danger">
<td>Claire O'Brian</td>
<td>45</td>
<td>Female</td>
<td>Dublin</td>
</tr>
</tbody>
</table>
Contextual hover table
| Name | Age | Sex | Location |
|---|---|---|---|
| Faye Reagard | 36 | Female | Berlin |
| Dave Gamache | 26 | Male | San Francisco |
| Dwayne Johnson | 42 | Male | Hayward |
| Katelyn Fox | 21 | Female | Paris |
| Claire O'Brian | 45 | Female | Dublin |
Bordered table
| Name | Age | Sex | Location |
|---|---|---|---|
| Faye Reagard | 36 | Female | Berlin |
| Dave Gamache | 26 | Male | San Francisco |
| Dwayne Johnson | 42 | Male | Hayward |
<table class="u-full-width hover">
<thead>
<tr>
<th>Name</th>
<th>Age</th>
<th>Sex</th>
<th>Location</th>
</tr>
</thead>
<tbody>
<tr class="dark">
<td>Faye Reagard</td>
<td>36</td>
<td>Female</td>
<td>Berlin</td>
</tr>
<tr class="success">
<td>Dave Gamache</td>
<td>26</td>
<td>Male</td>
<td>San Francisco</td>
</tr>
<tr class="primary">
<td>Dwayne Johnson</td>
<td>42</td>
<td>Male</td>
<td>Hayward</td>
</tr>
<tr class="warning">
<td>Katelyn Fox</td>
<td>21</td>
<td>Female</td>
<td>Paris</td>
</tr>
<tr class="danger">
<td>Claire O'Brian</td>
<td>45</td>
<td>Female</td>
<td>Dublin</td>
</tr>
</tbody>
</table>
<table class="u-full-width bordered">
<thead>
<tr>
<th>Name</th>
<th>Age</th>
<th>Sex</th>
<th>Location</th>
</tr>
</thead>
<tbody>
<tr>
<td>Faye Reagard</td>
<td>36</td>
<td>Female</td>
<td>Berlin</td>
</tr>
<tr>
<td>Dave Gamache</td>
<td>26</td>
<td>Male</td>
<td>San Francisco</td>
</tr>
<tr class="danger">
<td>Dwayne Johnson</td>
<td>42</td>
<td>Male</td>
<td>Hayward</td>
</tr>
</tbody>
</table>