JSFiddle - React, Tailwind, and code Playground

HTML

<table>
  <tr>
    <td>first</td>
    <td class="fluid">very-very-very-very-very-very-long-second-text</td>
    <td>third</td>
  </tr>
</table>

CSS

td { border: 1px solid black; }
.fluid { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }