JSFiddle - React, Tailwind, and code Playground

HTML

<div id="mytable">
<table class="mytable" width="100%">
  <tbody>
    <tr>
      <td>One</td>
      <td>Two</td>
    </tr>
    <tr>
      <td>Three</td>
      <td>Four</td>
    </tr>
  </tbody>
</table>
</div>

CSS

#mytable{
    border-radius: 10px;
    background-color: white;
    border: 1px solid black;
}
.mytable {
    border-collapse: collapse;
    border-spacing: 0;
}
.mytable tr td {
    border-bottom: 1px solid black;
}
.mytable tr:last-child td {
    border-bottom: 0px solid black;
}