JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
  <table border=1>
    <tr>
      <td>From</td>
      <td>Subject</td>
      <td>Date</td>
    </tr>
    <tr>
      <td>Bob Smith</td>
      <td class="nowrap">
        <strong>Message subject</strong>
        <span>This is a preview of the message body and could be long.</span>
      </td>
      <td>2010-03-30 02:18AM</td>
    </tr>
  </table>
</div>

CSS

div.container {
  position: absolute;
  overflow: auto;
  width: 100%;  
  height: 300px;
}
table { width: 100%; table-layout: fixed;}
.nowrap {
	white-space: nowrap;
	overflow: hidden;
}