JSFiddle - React, Tailwind, and code Playground

HTML

<table class="tbl" border="1">   
    <tr>
        <td width="20%"><span class="spn">column one is a long one</span></td>
        <td width="60%"><span class="spn">column two</span></td>
        <td width="20%"><span class="spn">column three is the longest of all columns</span></td>
    </tr>
</table>

CSS

.spn {
  display: block;
  color: red;  
}

.spn:after {
    content: "…";
}

.tbl
{
 width: 300px
}