Basic Tables header small text goes here...

<table class="table">
  ...
</table>

<table class="table table-hover">
  ...
</table>

<table class="table table-sm">
  ...
</table>

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

<table class="table table-striped">
  ...
</table>

<table class="table table-bordered">
  ...
</table>

<table class="table">
  <tbody>
    <tr>
      <!-- with image -->
      <td class="with-img">...</td>

      <!-- with button -->
      <td class="with-btn">...</td>

      <!-- with button group -->
      <td class="with-btn-group">...</td>
     </tr>
  </tbody>
</table>

<table class="table table-td-valign-middle">
  <tbody>
    <tr>
      <!-- with checkbox -->
      <td class="with-checkbox">...</td>

      <!-- with radio -->
      <td class="with-radio">...</td>

      <!-- with form input -->
      <td class="with-form-control">...</td>

      <!-- with input group -->
      <td class="with-input-control">...</td>
    </tr>
  </tbody>
</table>

<table class="table">
  <tbody>
    <tr class="table-active">...</tr>
    <tr class="table-info">...</tr>
    <tr class="table-success">...</tr>
    <tr class="table-warning">...</tr>
    <tr class="table-danger">...</tr>
  </tbody>
</table>