JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <table>
        <tr>
            <td>width: 100%</td>
            <td>cell</td>
        </tr>
    </table>
</div>

CSS

body {
    margin: 0;
}

table, tr, td {
    padding: 0;
    border-spacing: 0;
}

td:nth-child(odd) {
    background-color: #aaa;
}

.container {
    width: 1000000px;
}

td {
    background-color: #ccc;
    white-space: nowrap;
}

table:nth-of-type(1) td:nth-of-type(1){width: 100%;}