JSFiddle - React, Tailwind, and code Playground

by mreis1

HTML

<div id="container">
    <div id="container-fixed-left">
    <table>        
        <tr>
            <td>Teste1</td>
        </tr>
        <tr>
            <td>Teste2</td>
        </tr>
        <tr>
            <td>Teste13</td>
        </tr>
        <tr>
            <td>Teste14</td>
        </tr>
        <tr>
            <td>Teste1</td>
        </tr>
        <tr>
            <td>Teste1</td>
        </tr>
        <tr>
            <td>Teste2</td>
        </tr>
        <tr>
            <td>Teste13</td>
        </tr>
        <tr>
            <td>Teste14</td>
        </tr>
        <tr>
            <td>Teste1</td>
        </tr>
        <tr>
            <td>Teste1</td>
        </tr>
        <tr>
            <td>Teste2</td>
        </tr>
        <tr>
            <td>Teste13</td>
        </tr>
        <tr>
            <td>Teste14</td>
        </tr>
        <tr>
            <td>Teste1</td>
        </tr>
        
    </table>    
    </div>
<div id="container-body">
    <div id="container-fixed-top">
     <table>        
        <tr>
            <td>Teste1</td><td>Teste1</td><td>Teste1</td><td>Teste1</td><td>Teste1</td><td>Teste1</td>
        </tr>
        </table>
    </div>
    </div>
</div>

CSS

#container{position:relative; width:200px; height:200px; overflow:hidden; background-color:#ddd;}
#container-fixed-left{position:absolute; top:0; left:0; width:45px; height:800px;}
container-body{overflow:auto;width:1000px;}
#container-fixed-top{positon:absolute; top:0; left:0; }