JSFiddle - React, Tailwind, and code Playground

by LokeshMasih

HTML

<div style="width: 100%; border: solid 1px green;">
        <table id="tblMain">
            <tr>
                <td>
                </td>
                <td>
                    Table Problem
                </td>
                <td>
                </td>
            </tr>
            <tr>
                <td>
                </td>
                <td>
                    <div id="divTable">
                        <table id="tblInner">
                            <tr>
                                <th>
                                    Name_kkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk
                                </th>
                                <th>
                                    Age_mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm
                                </th>
                                <th>
                                    Surname_ssssssssssssssssssssssssssssssssssssssssssss
                                </th>
                            </tr>
                            <tr>
                                <td>
                                    Jhon
                                </td>
                                <td>
                                    27
                                </td>
                                <td>
                                    tiwari
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    david
                                </td>
                                <td>
                                    27
                                </td>
                                <td>
                                    villa
                                </td>
                            </tr>
                        </table>
                    </div>
                </td>
                <td>
                </td>
            </tr>
            <tr>
   ...

CSS

#tblMain
        {
            width: 50%;
            border: solid 1px yellow;
        }
        #divTable
        {
            border: solid 1px red;
            width: 100%;
            overflow: auto;
        }
        #tblInner
        {
            width: inherit;
        }
        #tblInner td
        {
            border: solid 1px black;
        }