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
Annaanna@example.com18
Homerhomer@example.com35
Oscaroscar@example.com52
Hoverable rows
Name Email Age
Emilyemily@example.com30
Jarajara@example.com25
Clarkclark@example.com39
Bordered and compact
Name Email Age
Tonytony@example.com30
Tomtom@example.com25
Michaelmichael@example.com39

Important pattern

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