JSFiddle - React, Tailwind, and code Playground

by James

HTML

<table>
    <tr>
        <td>
            <table>
                <tr>
                    <!-- Set Width of Individual Cells Here -->
                    <td style="width:100px;">
                        Table 1 Cell 1
                    </td>
                    <td style="width:150px;">
                        Table 1 Cell 2
                    </td>
                    <td style="width:250px;">
                        Table 1 Cell 3
                    </td>
                </tr>
            </table>
        </td>
    </tr>
    <tr>
        <td>
            <table>
                <tr>
                    <!-- Set Width of Individual Cells Here -->
                    <td style="width:250px;">
                        Table 2 Cell 1
                    </td>
                    <td style="width:100px;">
                        Table 2 Cell 2
                    </td>
                    <td style="width:150px;">
                        Table 2 Cell 3
                    </td>
                </tr>
            </table>
        </td>
    </tr>
    <tr>
        <td>
            <table>
                <tr>
                    <!-- Set Width of Individual Cells Here -->
                    <td style="width:150px;">
                        Table 3 Cell 1
                    </td>
                    <td style="width:250px;">
                        Table 2 Cell 2
                    </td>
                    <td style="width:100px;">
                        Table 3 Cell 3
                    </td>
                </tr>
            </table>
        </td>
    </tr>
</table>

CSS

table td
{
    border: 1px solid black;
}