PaperCSS

the less formal CSS framework

^

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">