Tables
// Basic <table class="table"> ... </table>
| id | Name | |
|---|---|---|
| 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-stripe <table class="table table-striped"> ... </table>
| id | Name | |
|---|---|---|
| 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 | |
|---|---|---|
| 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 | |
|---|---|---|
| 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>
| id | Name | |
|---|---|---|
| 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 table-striped" data-rowlink="a">
<tbody>
<tr>
<td>
<a href="#">...<a>
...
<td>
<tr>
...
</tbody>
...
</table>
| id | Name | |
|---|---|---|
| 134 | Summer Throssell | summert@example.com |
| 135 | Anthony Pound | anthonyp@example.com |
| 136 | Erin Church | erinc@example.com |
| 137 | Declan Pamphlett | declanp@example.com |