JSFiddle - React, Tailwind, and code Playground

by Yure Pereira

HTML

<div class="my-table">
  <table class="width">
      <tbody>
          <tr>
              <td>Content 1 olha que legal</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 */
    border-collapse:collapse;
    white-space: nowrap; 
}

td {
  border: 1px solid #000;
}