twitter-bootstrap Tables Table Reflow - Vertical headers
Example
Getting a table with vertical headers.
Twitter bootstrap now support vertical header on a well formatted normal table. To achieve this just use .table-reflow class
Use twitter bootstrap .table-reflow class on a well formed table to achieve a table with vertical headers. Additionally you can combine with using .table-striped and .table-hover for hovering on columns this time.
<table class="table table-striped table-hover table-reflow">
<thead>
<tr>
<th ><strong> First Name: </strong></th>
<th ><strong> Last Name: </strong></th>
<th ><strong> Email: </strong></th>
</tr>
</thead>
<tbody>
<tr>
<td> John </td>
<td> Doe </td>
<td> [email protected] </td>
</tr>
<tr>
<td> Joane </td>
<td> Donald </td>
<td> [email protected] </td>
</tr>
</tbody>
</table>
You should check the v4 alpha docs here: twitter-bootstrap .table-reflow
