JSFiddle - React, Tailwind, and code Playground

HTML

<table>
  <tbody>
    <tr>
      <td>
        <div>            dwqdwqdwqdwqdwqdwqdwqdwqdwqdwqdwqdwqdwqdwqdwqdwqdwqdwqdwqdwqdwqdwqdwqdwqdwqdwqdwqdwqdwqdwqdwqdwqdwqdwqdwqdwqdwqdwqdwqdwqdwqdwqdwqdwqdwqdwqdwqdwqdwqdwqdwqdwqdwqdwqdwqdwqdwqdwqdwqdwqdwqdwqdwqdwqdwqdwq
        </div>
      </td>       
    </tr>
  </tbody>
</table>

CSS

td div {
  width: 200px; 
  height: 30px; 
  overflow: hidden; 
  border: 1px solid #000;
  padding: 1em;
}

td div:hover{
  overflow: scroll;
}