JSFiddle - React, Tailwind, and code Playground

HTML

<div class="ResultsWrapper">
    <table class="ResultsTable">
        <thead>
            <tr>
                <th class="ColumnSerialNo">Serial Number</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td class="hasTooltip">3119985815206<span>3119985815206</span></td>
            </tr>
            <tr>
                <td class="hasTooltip">5665811486586<span>5665811486586</span></td>
            </tr>
            <tr>
                <td class="hasTooltip">4706922266685<span>4706922266685</span></td>
            </tr>
            <tr>
                <td class="hasTooltip">2419600067736<span>2419600067736</span></td>
            </tr>
            <tr>
                <td class="hasTooltip">5857814904344<span>5857814904344</span></td>
            </tr>
            <tr>
                <td class="hasTooltip">9885214450771<span>9885214450771</span></td>
            </tr>
            <tr>
                <td class="hasTooltip">8128388808128<span>8128388808128</span></td>
            </tr>
            <tr>
                <td class="hasTooltip">892707849943<span>892707849943</span></td>
            </tr>
            <tr>
                <td class="hasTooltip">6798165817777<span>6798165817777</span></td>
            </tr>
            <tr>
                <td class="hasTooltip">1652011363850<span>1652011363850</span></td>
            </tr>
            <tr>
                <td class="hasTooltip">6603510817547<span>6603510817547</span></td>
            </tr>
            <tr>
                <td class="hasTooltip">8253130815010<span>8253130815010</span></td>
            </tr>
            <tr>
                <td class="hasTooltip">2945747524570<span>2945747524570</span></td>
            </tr>
            <tr>
                <td class="hasTooltip">4671676694469<span>4671676694469</span></td>
            </tr>
            <tr>
                <td class="hasTooltip">2695087883694<span>2695087883694</span></td>
            </tr>
      ...

CSS

.ResultsWrapper {
    width:150px;
    height:314px;
    text-align:center;
    overflow-x:hidden;
    overflow-y:scroll;
    border:1px solid black;
}
.ResultsTable {
    width:86px;
    border-collapse:collapse;
    table-layout:fixed;
}
.ResultsTable th, .ResultsTable td {
    border:1px solid black;
    overflow:hidden;
    text-overflow:ellipsis;
}
.ColumnSerialNo {
    width:81px;
}
.hasTooltip span {
    display: none;
    color: #000;
    text-decoration: none;
    padding: 3px;
}
.hasTooltip:hover span {
    display: block;
    position: absolute;
    background-color: #FFF;
    border: 1px solid #CCC;
    margin: 2px 10px;
}