title |
description |
Tables |
PaperCSS Tables |
Regular
# |
Name |
Position |
Location |
1 |
Bob Dylan |
Musician |
California, USA |
2 |
Eric Clapton |
Musician |
Ohio, USA |
3 |
Daniel Kahneman |
Psychologist |
California, USA |
Hover
# |
Name |
Position |
Location |
1 |
Bob Dylan |
Musician |
California, USA |
2 |
Eric Clapton |
Musician |
Ohio, USA |
3 |
Daniel Kahneman |
Psychologist |
California, USA |
Alternating
# |
Name |
Position |
Location |
1 |
Bob Dylan |
Musician |
California, USA |
2 |
Eric Clapton |
Musician |
Ohio, USA |
3 |
Daniel Kahneman |
Psychologist |
California, USA |
Code:
<table>
<thead>
<tr>
<th>#</th>
<th>Name</th>
<th>Position</th>
<th>Location</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Bob Dylan</td>
<td>Musician</td>
<td>California, USA</td>
</tr>
<tr>
<td>2</td>
<td>Eric Clapton</td>
<td>Musician</td>
<td>Ohio, USA</td>
</tr>
<tr>
<td>3</td>
<td>Daniel Kahneman</td>
<td>Psychologist</td>
<td>California, USA</td>
</tr>
</tbody>
</table>
<!-- Add table-hover or table-alternating to change the style of the table -->
<table class="table-hover">
<table class="table-alternating">