JSFiddle - React, Tailwind, and code Playground

HTML

<table id="bigTable" border=1>
    <tr><td><div class=cut>Text is tooooo looong</div></td><td>Just Right</td></tr>
    <tr><td><div class=cut>Text is tooooo looong</div></td><td>Just Right</td></tr>
    <tr><td><div class=cut>Text is tooooo looong</div></td><td>Just Right</td></tr>
</table>

CSS

td .cut {
    width: 75px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}