JSFiddle - React, Tailwind, and code Playground

by WhetDawg

HTML

<table>
<thead>
  <tr>
    <th>Apple</th>
    <th>Dog</th>
    <th>Car</th>
  </tr>
</thead>
<tbody>
  <td>$123.45</td>
  <td>Once upon a time there was a dog who ate a cat.</td>
  <td>15</td>
</tbody>
</table>

CSS

td:nth-child(2)
{
 max-width: 10ch;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
}