JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

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

JavaScript

var lbl = $("#bigTable tbody");
$('td:eq(0)', lbl).addClass("cut");