JSFiddle - React, Tailwind, and code Playground

HTML

<div class="row">
            <div class="left"> <table border="1">
                    <thead>
                        <tr>
                            <th></th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td></td>
                            <td></td>
                        </tr>
                        <tr>
                            <td></td>
                            <td></td>
                        </tr>
                        <tr>
                            <td></td>
                            <td></td>
                        </tr>
                        <tr>
                            <td></td>
                            <td></td>
                        </tr>
                        <tr>
                            <td></td>
                            <td></td>
                        </tr>
                        <tr>
                            <td></td>
                            <td></td>
                        </tr>
                        <tr>
                            <td></td>
                            <td></td>
                        </tr>
                        <tr>
                            <td></td>
                            <td></td>
                        </tr>
                        <tr>
                            <td></td>
                            <td></td>
                        </tr>
                        <tr>
                            <td></td>
                            <td></td>
                        </tr>
                        <tr>
                            <td></td>
                            <td></td>
                        </tr>
                        <tr>
                            <td></td>
                            <td></td>
                        </tr>
                        <tr>
                            <td></td>
                      ...

CSS

html,body{
                width: 100%;
                height: 100%;
            }
            .row{
                table-layout: fixed;
                display: table;
                height: 100%;
                width: 100%;
                border: 1px solid grey;
            }
            .left {
                 heigth:100%;
                 width:300px;
                 display: table-cell;
                 border: 1px solid grey;
            }
            .middle {
                heigth:100%;
                display: table-cell;
                width:100%;
            }
            .right {
                heigth:100%;
                width:300px;
                display: table-cell;
            }