JSFiddle - React, Tailwind, and code Playground

by batcave

HTML

<table class="table">
  <thead>
    <tr>
      <th>Address</th>
      <th>Postal code</th>
      <th>City</th>
      <th>Country</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Kämplegatan 1</td>
      <td>411 04</td>
      <td>Göteborg</td>
      <td>Sweden</td>
    </tr>
    <tr>
      <td>500 Yonge St</td>
      <td>M2N 6R9</td>
      <td>Toronto</td>
      <td>Canada</td>
    </tr>
  </tbody>
</table>

CSS

.table {
  border-collapse: collapse;
}

.table thead {
  border: 1px solid blue;
}

.table thead th {
  padding: 1rem;
  text-align: left;
  font-weight: normal;
}