JSFiddle - React, Tailwind, and code Playground

by shriek

HTML

<div class="outer">
    <div class="another-wrapper">
        <table>
            <tr>
                <td>Some</td>
                <td>Some</td>
                <td>Some</td>
                <td>Some</td>
                <td>Some</td>
                <td>Some</td>
                <td>Some</td>
                <td>Some</td>
                <td>Some</td>
                <td>Some</td>
                <td>Some</td>
                <td>hello</td>
            </tr>
        </table>
    </div>
</div>

CSS

.outer {
    position:relative;
    overflow:hidden;
    width:300px;
}
.another-wrapper {
    border:0px solid red;
    white-space: nowrap;
}

JavaScript

alert("Inner " + $(".another-wrapper tr").width());
alert("Outer " + $(".outer").width())