JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr>
        <td class='class1'>Testing testing testing</td>
        <td class='class2'>Testing testing testing</td>
    </tr>
</table>

CSS

table{
    width:200px;
    background:#f00;
}

table tr{
    width:250px;
    height:auto;
}

table td.class1{
    width:100px; max-width:100px;
    height:auto;
    overflow:hidden;
    padding:5px;
    white-space:nowrap;
}

table td.class2{
    width:100px;
    height:auto;
    padding:5px;
}