Documentation: Tables

Striped, Hover, Responsive

NOTE: Always wrap your tables with a div class "table-responsive" otherwise, the table will not be responsive. Also, take note of h3 with a class "body-title". If you use this on an h3 element, you will get the bold italic title.

<div class="table-responsive">
<h3 class="body-title">Striped, Hover, Responsive</h3>
<table class="table table-striped table-hover">
    <thead>
        <tr>
            <th colspan="2">
            <p>This is a sample "th" element.</p>
            </th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</td>
            <td>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</td>
        </tr>
        <tr>
            <td>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</td>
            <td>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</td>
        </tr>
        <tr>
            <td>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</td>
            <td>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</td>
        </tr>
    </tbody>
</table>
</div>