JSFiddle - React, Tailwind, and code Playground

HTML

<div class="tableWrapper">
    <table cellpadding="0" cellspacing="0" border="0">
        <thead>
            <tr><th class="nCol">One</th><th class="nCol">Two</th><th>Three</th></tr>
        </thead>
        <tbody>
            <tr><td>1</td><td>2</td><td>3</td></tr>
            <tr class="highlight" onclick="if(this.className==''){this.className='highlight';}else{this.className='';}"><td>1</td><td>2</td><td>3</td></tr>
            <tr><td>1</td><td>2</td><td>3</td></tr>
            <tr><td>1</td><td>2</td><td>3</td></tr>
            <tr><td>1</td><td>2</td><td>3</td></tr>
            <tr><td>1</td><td>2</td><td>3</td></tr>
            <tr><td>1</td><td>2</td><td>3</td></tr>
            <tr><td>1</td><td>2</td><td>3</td></tr>
            <tr><td>1</td><td>2</td><td>3</td></tr>
            <tr><td>1</td><td>2</td><td>3</td></tr>
            <tr><td>1</td><td>2</td><td>3</td></tr>
            <tr><td>1</td><td>2</td><td>3</td></tr>
            <tr><td>1</td><td>2</td><td>3</td></tr>
            <tr><td>1</td><td>2</td><td>3</td></tr>
            <tr><td>1</td><td>2</td><td>3</td></tr>
            <tr><td>1</td><td>2</td><td>3</td></tr>
        </tbody>
    </table>
<div>

CSS

.tableWrapper {
    width:100%;
    height:232px;
    overflow:hidden;
}

table {
    width:100%;
    font-weight:bold;
    text-align:center;
    border:1px solid black;
}

::-webkit-scrollbar {
    display:none;
}

table tbody {
    display:block;
    height:200px;
    overflow:hidden;
    overflow-y:auto;
}

table tbody tr td,table thead tr th {
    border-right:solid 1px black;
    height:30px;
}

table thead tr {
    display:fixed;
}

table tbody tr:nth-child(even) {
    background-color:#aaa;
}

table tbody tr:nth-child(odd) {
    background-color:#eee;
}

table tbody tr.highlight td {
    height:24px;
    border:#66B2FF solid 3px;
    border-left:0px;
    border-right:1px solid black; 
}

table tbody tr.highlight td:first-child {
    border-bottom-left-radius:10px;
    border-top-left-radius:10px;
}

table tbody tr.highlight td:last-child {
    border-bottom-right-radius:10px;
    border-top-right-radius:10px;
    border-right:0px;
}

th.nCol, td.nCol {
    width:40px;
}

table tbody tr td:last-child {
    display:block;
    min-width:40px;
}