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

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

JavaScript

$('#bigTable tr').each(function(){
    $(this).find('td').eq(0).wrapInner('<div class=cut>');
});