JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr>
        <td>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec feugiat placerat risus. Maecenas lectus orci, commodo id varius ac, vulputate eget elit. Nunc laoreet feugiat aliquet.</td>
    </tr>
</table>

CSS

table { width: 100%; table-layout: fixed;}

td { 
    
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }