JSFiddle - React, Tailwind, and code Playground

HTML

<table class="myTable" style="width: auto; table-layout: fixed;">
  <tr>
    <th>Column A1111</th>
    <th style="width: 200px">Column B</th>
  </tr>
  <tr>
    <td>A1</td>
    <td>B1: This is a sentence with a very long word in it, to check what the behavior is of the table in a case like that. Will long words be broken and wrap onto the next line? Thisisaverylongwordyesitisyesitisyesitisyesitisyesitisyesitisyesitisyesitisyesitisyesitisyesitisyesitisyesitisyesitisyesitisyesitisyesitis</td>
  </tr>
  <tr>
    <td>A2</td>
    <td>B2</td>
  </tr>
</table>

CSS

.myTable {
  border: 1px solid black;
}

.myTable th, 
.myTable td {
  border: 1px solid black;
}