JSFiddle - React, Tailwind, and code Playground

HTML

<h3>Table A</h3>
<table style="border: 1px solid red;width:300px">
    <thead>
        <tr>
            <td>Name</td>
            <td>phone</td>a
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>AAAA</td>
            <td>323232</td>
        </tr>
        <tr>
            <td>BBBBB</td>
            <td>323232</td>
        </tr>
        <tr>
            <td>CCCCC</td>
            <td>3435656</td>
        </tr>
    </tbody>
</table>
<hr/>
<h3>Table B</h3>
<table style="border: 1px solid red;width:300px;display:block;">
    <thead>
        <tr>
            <td width=150>Name</td>
            <td width=150>phone</td>
        </tr>
    </thead>
    <tbody style='height:50px;overflow:auto;display:block;width:317px;'>
        <tr>
            <td width=150>AAAA</td>
            <td width=150>323232</td>
        </tr>
        <tr>
            <td>BBBBB</td>
            <td>323232</td>
        </tr>
        <tr>
            <td>CCCCC</td>
            <td>3435656</td>
        </tr>
    </tbody>
</table>

CSS

tr td{
    border:1px solid red
}