JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tbody>
        <tr><td>Hello Stack Overflow</td></tr>
    </tbody>
</table>

CSS

td {
    border: 1px solid black;
    width: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

JavaScript

$(function() {
    console.log("width = " + $("td").width());
});