Basic Table

Minimalist design.

# Name Position
8 Alex Ovechkin Left Wing
19 Nicklas Backstrom Center
70 Braden Holtby Goalie

A default table uses ordinary table markup:

<table>
  <thead>
    <tr><th>#</th></tr>
    …
  </thead>
  <tbody>
    <tr><td>8</td></tr>
    …
  </tbody>
</table>

Striped Table

Shade alternating rows.

# Name Position
8 Alex Ovechkin Left Wing
19 Nicklas Backstrom Center
70 Braden Holtby Goalie

Add the class striped:

<table class='striped'>
  …
</table>

Bordered Table

Add column lines.

# Name Position
8 Alex Ovechkin Left Wing
19 Nicklas Backstrom Center
70 Braden Holtby Goalie

Add the class bordered:

<table class='bordered'>
  …
</table>

Hover Table

Shaded when hovered over.

# Name Position
8 Alex Ovechkin Left Wing
19 Nicklas Backstrom Center
70 Braden Holtby Goalie

Add the class hover. This may be combined with striped or bordered.

<table class='hover'>
  …
</table>