Striped Simple Table

<div class="container py-5">
  <h3 class="fw-bold mb-3">User list</h3>
  <div class="table-responsive">
    <table class="table table-striped table-hover align-middle">
      <thead class="table-dark">
        <tr>
          <th>#</th>
          <th>Name</th>
          <th>Email</th>
          <th>Role</th>
          <th>Status</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>1</td>
          <td>Rahim</td>
          <td>rahim@x.com</td>
          <td>Admin</td>
          <td><span class="badge bg-success">Active</span></td>
        </tr>
        <tr>
          <td>2</td>
          <td>Karim</td>
          <td>karim@x.com</td>
          <td>Editor</td>
          <td><span class="badge bg-warning text-dark">Pending</span></td>
        </tr>
        <tr>
          <td>3</td>
          <td>Nadia</td>
          <td>nadia@x.com</td>
          <td>User</td>
          <td><span class="badge bg-danger">Blocked</span></td>
        </tr>
      </tbody>
    </table>
  </div>
</div>