JSFiddle - React, Tailwind, and code Playground

by Soviut

HTML

<table class="outer">
    <tbody>
        <tr>
            <td>header</td>
        </tr>
        <tr>
            <td>

                <table class="inner">
                    <tbody>
                        <tr>
                            <td>body</td>
                        </tr>
                        <tr>
                            <td>footer</td>
                        </tr>
                    </tbody>
                </table>

            </td>
        </tr>
    </tbody>
</table>

CSS

table {
    border: solid 1px red;
}

th, td {
    border: solid 1px green;
}

.outer {
    width: 100%;
}

.inner {
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
}