Bootstrap Responsive Table Sample

Bootstrap Responsive Table Demo

This this twitter bootstrap responsive table example demonstrates how to make a simple table using Bootstrap 3 and also how to create bootstrap responsive data table. Find the html source code below:

table responsive class in bootstrap

Recommend Articles:
- Create Layout with Bootstrap 3 Example

- Twitter Bootstrap Grid Layout

- What is Bootstrap? - How to use Bootstrap 3

<div class="table-responsive">

        <table class="table">

            <thead>

                <tr>

                    <th>Id</th>

                    <th>First Name</th>

                    <th>Last Name</th>

                    <th>Email</th>

                </tr>

            </thead>

            <tbody>

                <tr>

                    <td>1</td>

                    <td>Ravi</td>

                    <td>Kumar</td>

                    <td>rk@mail.com</td>

                </tr>

                <tr>

                    <td>2</td>

                    <td>Sachin</td>

                    <td>Kumar</td>

                    <td>sk@mail.com</td>

                </tr>

                <tr>

                    <td>3</td>

                    <td>Nitin</td>

                    <td>Kumar</td>

                    <td>nk@mail.com</td>

                </tr>

            </tbody>

        </table>

</div>

Table Responsive Class in Bootstrap

You can create responsive tables to enable horizontal scrolling on small devices by using table-responsive class.

<div class="table-responsive">

</div>

So in this bootstrap example we have learned about data table bootstrap sample and bootstrap responsive table demo.