Tables

Tables can be used to represent tabular data using rows and columns. They can be created by adding the .table class to the tableelement.

Default Table

The class names and syntax for the default table are as follows :

# First Name Last Name Designation
1 John Doe UI Designer
2 Jane Doe UI Developer
3 Steve Smith Web Engineer
4 Virat Kohli Principal Engineer 
    
<table class="table">
    <thead>
        <tr>
            <th>#</th>
            <th>First Name</th>
            <th>Last Name</th>
            <th>Designation</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>#</td>
            <td>John</td>
            <td>Doe</td>
            <td>UI Designer</td>
        </tr>
        <tr>
            <td>#</td>
            <td>Jane</td>
            <td>Doe</td>
            <td>UI Developer</td>
        </tr>
        <tr>
            <td>#</td>
            <td>Steve</td>
            <td>Smith</td>
            <td>Web Engineer</td>
        </tr>
    </body>
</table>