table responsive

Here’s the description in the documentation:

Create responsive tables by wrapping any .table in .table-responsive to make them scroll horizontally up to small devices (under 768px). When viewing on anything larger than 768px wide, you will not see any difference in these tables.

<div class="table-responsive">

        <table class="table table-hover table-striped">
            <thead>
                <tr>
                    <th>
                        Name
                    </th>
                    <th>
                        Plan
                    </th>
                    <th>
                        Price
                    </th>                            
                    <th>
                        Events
                    </th>
                    <th>
                        Next Billing Cycle
                    </th>
                    <th>
                        <!--Upgrade-->
                    </th>
                </tr>
            </thead>
            <tbody>                              
               
                    <tr>
                        <td>
                            <a href="https://keen.io/organizations/52d8b31336bf5a507e000001">
                                test
                            </a>
                        </td>
                        <td>
                            Developer
                        </td>
                        <td>
                            $0/month
                        </td>
                        <td>
                            <span id="events-52d8b31336bf5a507e000001">0</span>/50000
                        </td>
                        <td>
                            2014-02-16
                        </td>
                        <td>
                            <a href="https://keen.io/organizations/52d8b31336bf5a507e000001/pricing" class="btn btn-success">Upgrade Plan</a>
                        </td>
                    </tr>                    
               
            </tbody>        
        </table>

Related posts:

This entry was posted in bootstap. Bookmark the permalink.