JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

td {
  border: 1px solid black;
    padding-left:5px;
    padding-right:5px;
}
td>div{
    max-width: 99%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

}

JavaScript

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