Shrink to Fit Column/Cell in width: 100% Table

by suhyunified

HTML

<table>
    <thead>
        <tr>
            <td>Header</td>
            <td style="width: 1px; white-space: nowrap; padding: 10px;">Small Fit</td>
            <td>Header</td>
        </tr>
    </thead>
    
    <tbody>
        <td>Woah</td>
        <td>tiny</td>
        <td><-</td>
    </tbody>
</table>

CSS

body
{
    background: #444444;
}

table
{
    width: 100%;
    border-collapse: collapse;
}

table thead td
{
    border: 1px solid #eeeeee;
}

.smallCell
{
    width: 1px;
    white-space: nowrap;
}