JSFiddle - React, Tailwind, and code Playground

by NickU

HTML

<table border=1 width=500
><tr><td>
    <div>
        Here is plenty of text to cut
    </div>
</td></tr></table>

CSS

div {
    overflow:hidden;
    text-overflow:ellipsis;
    width:100%;
    border:1px solid red;
    text-align:right;
}
td {
    white-space: nowrap;
}