JSFiddle - React, Tailwind, and code Playground

HTML

<table>
        <tr>
            <th>Cell 1</th> 
            <th>Cell 2</th>
        </tr>
    </table>

CSS

table {
  width: 100%;
  text-align: left;
}
/* Safari 7.1+ */
_::-webkit-full-page-media, _:future, :root .safari_only {
  .safari-fix table tr {
    display: block;
    width: 100%;
  }
}
/* Safari 10.1+ */
@media not all and (min-resolution:.001dpcm) { 
  @media {
    .safari-fix table tr {
      display: block;
      width: 100%;
    }
  }
}

table th {
  width: 100%;
  display: block;
}