JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<div style="width: 960px">
<table width="100%" border="0" style="table-layout: fixed;overflow:hidden">
    <tr>
        <td>&nbsp;</td>
        <td>A</td>
        <td>B</td>
    </tr>
    <tr>
        <td>1</td>
        <td colspan="2" rowspan="2"><div style="outline: dotted red 1px;overflow:auto; height:200px">
                <table border="0" style="table-layout: fixed; width:2000px; height:100%">
                    <tr>
                        <td><div style="position:relative">
                                <div style="position: absolute">Ax1</div>
                            </div></td>
                        <td><div style="position:relative">
                                <div style="position: absolute">Bx1</div>
                            </div></td>
                    </tr>
                    <tr>
                        <td><div style="position:relative">
                                <div style="position: absolute">Ax2</div>
                            </div></td>
                        <td><div style="position:relative">
                                <div style="position: absolute">Bx2</div>
                            </div></td>
                    </tr>
                </table>
            </div></td>
    </tr>
    <tr>
        <td>2</td>
    </tr>
</table>
</div>
</body>
</html>