JSFiddle - React, Tailwind, and code Playground

HTML

<div class="my-table">
  <table class="width">
      <tbody>
          <tr>
              <td>Content 1 Content1 1</td>
              <td>Content 2</td>
              <td>Content 3</td>
              <td>Content 4</td>
              <td>Content 5</td>
          </tr>
      </tbody>
  </table>
</div>

CSS

.my-table {
overflow-x: auto;
}

table.width {
    width: 100%; /* Optional */
    white-space: nowrap; 
    display: block;
}