Table Variants

Striped, hover, bordered, and compact modifiers on semantic tables.

Modifier classes

Keep caption, headers, and scope. Modifiers only change presentation.

Striped rows
Name Email Age
Anna[email protected]18
Homer[email protected]35
Oscar[email protected]52
Hoverable rows
Name Email Age
Emily[email protected]30
Jara[email protected]25
Clark[email protected]39
Bordered and compact
Name Email Age
Tony[email protected]30
Tom[email protected]25
Michael[email protected]39

Important pattern

<table class="table table-striped table-hover">
  <caption>...</caption>
  <thead>...</thead>
  <tbody>...</tbody>
</table>