JSFiddle - React, Tailwind, and code Playground

HTML

<table border="1" cellpadding="0" cellspacing="0" style="width: 500px;">
    <tbody>
    <tr>
        <td>cell1</td>
        <td>cell2</td>
        <td>cell3</td>
    </tr>
        <tr>
        <td>cell1</td>
        <td>cell2</td>
        <td>cell3</td>
    </tr>
        <tr>
        <td>cell1</td>
        <td>cell2</td>
        <td>cell3</td>
    </tr>
    </tbody>
</table>

CSS

table{
  padding:5px;
  border-collapse:collapse;
  border:2px solid #8C8C8C;
  border-radius: 8px;
  -moz-border-radius: 8px !important;
  -webkit-border-radius: 8px !important;
}