JSFiddle - React, Tailwind, and code Playground

HTML

<table>
  <tr>
    <td>123</td>
  </tr>
  <tr>
    <td>123</td>
    <td>123</td>
  </tr>
</table>

CSS

table { 
    border-collapse: separate; 
     border-spacing: 0 5px; 

}
td {
    border: solid 1px red;
    border-style: solid none;
    padding: 5px;
    background-color: white;
}
td:first-child {
    border-left-style: solid;
    border-top-left-radius: 5px; 
    border-bottom-left-radius: 5px;
}
td:last-child {
    border-right-style: solid;
    border-bottom-right-radius: 5px; 
    border-top-right-radius: 5px; 
}