JSFiddle - React, Tailwind, and code Playground

HTML

<div>

<table>
<tr><th>Col 1</th><th>Col2</th></tr>
<tr><td>Data 1</td><td>Data 2</td></tr>  
</table>
</div>

CSS

*{
    box-sizing: border-box;
  }
  div {
    width: 200px;
    overflow-x: auto;
  }
  table {
    width: 100%;
    border-collapse: collapse;
  }
  td,
  th {
      border: 1px solid #d3e0ee;
      padding: 5px;
  }
  th {
      border: 0px solid white;
      padding: 6px;
  }