JSFiddle - React, Tailwind, and code Playground

HTML

<table id="zz">
    <tr>
        <td>
            <table>
                <tr>
                    <td>1</td>
                    <td>2</td>
                </tr>
                <tr>
                    <td>3</td>
                    <td>4</td>
                </tr>
            </table>
        </td>
    </tr>
</table>

CSS

#zz { border-collapse: collapse; border: 1px solid green; }
#zz table { border-spacing: 10px; }
#zz table td { border: 1px solid red; }