Tables

// Default
<table class="table">
...
</table>
id Name Email
134 Summer Throssell summert@example.com
135 Anthony Pound anthonyp@example.com
136 Erin Church erinc@example.com
137 Declan Pamphlett declanp@example.com
// Zebra-striping
<table class="table table-striped">
...
</table>
id Name Email
134 Summer Throssell summert@example.com
135 Anthony Pound anthonyp@example.com
136 Erin Church erinc@example.com
137 Declan Pamphlett declanp@example.com
// Bordered
<table class="table table-bordered">
...
</table>
id Name Email
134 Summer Throssell summert@example.com
135 Anthony Pound anthonyp@example.com
136 Erin Church erinc@example.com
137 Declan Pamphlett declanp@example.com
// Enable hover state
<table class="table table-bordered">
...
</table>
id Name Email
134 Summer Throssell summert@example.com
135 Anthony Pound anthonyp@example.com
136 Erin Church erinc@example.com
137 Declan Pamphlett declanp@example.com
// Condensed
<table class="table table-condensed">
...
</table>
id Name Email
134 Summer Throssell summert@example.com
135 Anthony Pound anthonyp@example.com
136 Erin Church erinc@example.com
137 Declan Pamphlett declanp@example.com
// Optional row classes
<table class="table">
<tr class="success">
...
</tr>
<tr class="error">
...
</tr>
<tr class="warning">
...
</tr>
<tr class="info">
...
</tr>
</table>
id Name Email
134 Summer Throssell summert@example.com
135 Anthony Pound anthonyp@example.com
136 Erin Church erinc@example.com
137 Declan Pamphlett declanp@example.com
// Combined
<table class="table table-striped table-bordered table-condensed table-hover">
...
</table>
id Name Email
134 Summer Throssell summert@example.com
135 Anthony Pound anthonyp@example.com
136 Erin Church erinc@example.com
137 Declan Pamphlett declanp@example.com
// turn a table row into a clickable link
<table class="table" data-provides="rowlink">
<tbody>
<tr>
<td>
<a href="#">...<a>
...
</td>
</tr>
...
</tbody>
...
</table>
id Name Email
134 Summer Throssell summert@example.com
135 Anthony Pound anthonyp@example.com
136 Erin Church erinc@example.com
137 Declan Pamphlett declanp@example.com