Bootstrap Table Example

Use the .table class for Only horizontal dividers light padding table.

Example:-

 <table class="table">
<thead>
<tr>
  <th>Firstname</th>
  <th>Lastname</th>
  <th>Email</th>
</tr>
</thead>
<tbody>
<tr>
  <td>Pradeep</td>
  <td>Rajvansh</td>
  <td>elibraryportal.com</td>
</tr>
<tr>
  <td>Chiranjeevi</td>
  <td>Rajvansh</td>
  <td>chery@example.com</td>
</tr>
<tr>
  <td>July</td>
  <td>Dooley</td>
  <td>july@example.com</td>
</tr>
</tbody>
</table>
</div>

Test it Now

Striped Rows Table in Bootstrap

Use .table-striped class in table.

Test it Now

Bordered Table in Bootstrap

Use the .table-bordered class adds borders on cells.

Test it Now

Hover Rows Table in Bootstrap

Use the .table-hover class adds a hover effect on table rows.

Test it Now

Black/Dark Table in Bootstrap

Use the .table-dark class adds a black background to the table:

Test it Now

Borderless Table in Bootstrap

Use the .table-borderless class removes borders from the table:

Test it Now

Contextual Classes in Bootstrap

whole table are color use the Contextual classes .

Test it Now

Responsive Tables Example in Bootstrap

Use the .table-responsive class adds a scrollbar in the table

Example:-

<div class="table-responsive">
  <table class="table">
    ...
  </table>
</div>

Test it Now

Next Topic Bootstrap Images

← prev next →

Bootstrap 4 Tuto

Bootstrap Table Example

Striped Rows Table in Bootstrap

Bordered Table in Bootstrap

Hover Rows Table in Bootstrap

Black/Dark Table in Bootstrap

Borderless Table in Bootstrap

Contextual Classes in Bootstrap

Responsive Tables Example in Bootstrap