Skip to main content

Tables

Examples for opt-in styling of tables with Bootstrap.

Bootstrap docsarrow-right-1

Basic example

Due to the widespread use of tables across third-party widgets like calendars and date pickers we've designed our tables to be opt-in. Just add the base class table to any <table>, then extend with custom styles or our various included modifier classes.

# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Dark table

You can also invert the colors—with light text on dark backgrounds—with .table-dark.

# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Striped rows

Use .table-striped to add zebra-striping to any table row within the <tbody>.

# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Jump to