Basic

The table class adds basic styling (light padding and horizontal dividers) to tables.

Last Name First Name Email
Schummer Rick rick@geekgatherings.com
Granor Tamar tamar@geekgatherings.com
Hennig Doug doug@geekgatherings.com

Striped Rows

The table-striped class provides alternating bands to table rows.

Last Name First Name Email
Schummer Rick rick@geekgatherings.com
Granor Tamar tamar@geekgatherings.com
Hennig Doug doug@geekgatherings.com

Bordered

The table-bordered class adds borders to the table and cells.

Last Name First Name Email
Schummer Rick rick@geekgatherings.com
Granor Tamar tamar@geekgatherings.com
Hennig Doug doug@geekgatherings.com

Hover Rows

The table-hover class highlights rows as the mouse moves over them.

Last Name First Name Email
Schummer Rick rick@geekgatherings.com
Granor Tamar tamar@geekgatherings.com
Hennig Doug doug@geekgatherings.com

Contextual Colors

Specify one of the contextual color classes on the tr element.

Class Last Name First Name Email
active Schummer Rick rick@geekgatherings.com
success Granor Tamar tamar@geekgatherings.com
danger Hennig Doug doug@geekgatherings.com
info Pirsig Steffen steffen@geekgatherings.com
warning Hennig Peggy peggy@geekgatherings.com

Combinations

These classes can be combined as desired. This table uses table-hover, table-bordered, and contextual colors.

Class Last Name First Name Email
active Schummer Rick rick@geekgatherings.com
success Granor Tamar tamar@geekgatherings.com
danger Hennig Doug doug@geekgatherings.com
info Pirsig Steffen steffen@geekgatherings.com
warning Hennig Peggy peggy@geekgatherings.com