4 #permalink Tables
These are utility classes. You can use these to perform basic, one off style changes without the need for editing a CSS class for a small change.
.table-striped
Create a striped table.
First Name | Last Name | Username |
---|---|---|
Marietta | Simes | m.simes |
Christoper | Link | c.link |
Colin | Galdamez | c.galdamez |
.table-bordered
Create a table with borders.
First Name | Last Name | Username |
---|---|---|
Marietta | Simes | m.simes |
Christoper | Link | c.link |
Colin | Galdamez | c.galdamez |
.table-hover
Enable hover style on table rows.
First Name | Last Name | Username |
---|---|---|
Marietta | Simes | m.simes |
Christoper | Link | c.link |
Colin | Galdamez | c.galdamez |
<table class="table [modifier class]">
<tr>
<th>First Name</th>
<th>Last Name</th>
<th>Username</th>
</tr>
<tr>
<td>Marietta</td>
<td>Simes</td>
<td>m.simes</td>
</tr>
<tr>
<td>Christoper</td>
<td> Link</td>
<td>c.link</td>
</tr>
<tr>
<td>Colin</td>
<td>Galdamez</td>
<td>c.galdamez</td>
</tr>
</table>