<!-- CSS only -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT" crossorigin="anonymous">

<table class="table">
  <thead>
    <tr>
      <th scope="col">#</th>
      <th scope="col">Nome</th>
      <th scope="col">Cognome</th>
      <th scope="col">E-mail</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th scope="row">1</th>
      <td>Alessandro</td>
      <td>Birillo</td>
      <td>albirillo@gmail.com</td>
    </tr>
    <tr>
      <th scope="row">2</th>
      <td>Melissa</td>
      <td>Rossi</td>
      <td>melissarossi@gmail.com</td>
    </tr>
    <tr>
      <th scope="row">3</th>
      <td colspan="2">Winnie the Pooh</td>
      <td>winnie@gmail.com</td>
    </tr>
  </tbody>
</table>