Basic Bootstrap Tables

Using the most basic table markup, here’s how .table based tables look in Bootstrap. All table styles are inherited from Bootstrap 4, meaning any nested tables will be styled in the same manner as the parent.

HTML Markup
<table class="table">
    <thead>
        <tr>
            <th>#</th>
            <th>Username</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <th>1</th>
            <td>Mark</td>
        </tr>
        <tr>
            <th>2</th>
            <td>Jacob</td>
        </tr>
    </tbody>
</table>

Below are the options that you can use with tables.

Table Options Class Description
Inverse table .table-inverse You can also invert the colors—with light text on dark backgrounds using this class.
Striped Table .table-striped Use .table-striped to add zebra-striping to any table row within the <tbody>
Bordered Table .table-bordered Add .table-bordered for borders on all sides of the table and cells.
Borderless Table .table-borderless Add .table-borderless for a table without borders.
Hoverable Rows .table-hover Add .table-hover to enable a hover state on table rows within a <tbody>.
Responsive Table .table-responsive Wrap .table with .table-responsive to get responsive table.

Refer following links for usage:

Type URL
Plugin Link https://getbootstrap.com/docs/4.4/content/tables/
Template Page https://demos.pixinvent.com/apex-html-admin-template/demo-1/table-basic.html