JSFiddle - React, Tailwind, and code Playground

HTML

<div id="foo">
    <table>
        <tbody>
            <tr><td>#1</td><td>item</td></tr>
            <tr><td>#2</td><td>item</td></tr>
            <tr><td>#3</td><td>item</td></tr>
            <tr><td>#4</td><td>item</td></tr>
            <tr><td>#5</td><td>item</td></tr>
            <tr><td>#6</td><td>item</td></tr>
            <tr><td>#7</td><td>item</td></tr>
            <tr><td>#8</td><td>item</td></tr>
            <tr><td>#9</td><td>item</td></tr>
            <tr><td>#10</td><td>item</td></tr>
        </tbody>
    </table>
</div>

CSS

#foo {
    height : 100px;
}

table {
    height    : 100%;
    font-size : 11px;
    display   : block;
    left      : 0px;
    right     : 18px;
    width     : 327px;
    position  : relative;
}

tbody {
    position     : absolute;
    display      : block;
    top          : 31px;
    bottom       : 0px;
    left         : 0px;
    right        : 0px;
    overflow-y   : scroll;
    border       : 1px solid #D9D9D9;
    border-width : 0 0 1px 1px;
}

JavaScript

document.getElementById("foo").onclick = function(){
    var tgt = document.msMatchesSelector(event.target, "tbody tr");
};