JSFiddle - React, Tailwind, and code Playground

HTML

<div class="scrollBoxYe">
<table style='width:100%;height:100%' cellpadding=2 cellspacing=0><tr><td>
<div style='width:100%;height:100%;overflow:auto'>
<table cellspacing=1 cellpadding=1 bgcolor='#000000'>
<tr><td class='headings'>&nbsp;</td><td class='headings'>Name</td><td class='headings'>UserID</td></tr>
<tr><td class='headings'><input type='checkbox' name='uid3' value='checked'></td><td class='title'>Administrator</td><td class='cell' align='center'>Administrator</td></tr>
<tr><td class='headings'><input type='checkbox' name='uid98' value='checked'></td><td class='title'>Agnes Yip</td><td class='cell' align='center'>agnesy</td></tr>
<tr><td class='headings'><input type='checkbox' name='uid129' value='checked'></td><td class='title'>Alex</td><td class='cell' align='center'>Alex</td></tr>
<tr><td class='headings'><input type='checkbox' name='uid125' value='checked'></td><td class='title'>Alex Iu</td><td class='cell' align='center'>alexiu</td></tr>
<tr><td class='headings'><input type='checkbox' name='uid83' value='checked'></td><td class='title'>Alex Law</td><td class='cell' align='center'>all</td></tr>
<tr><td class='headings'><input type='checkbox' name='uid100' value='checked'></td><td class='title'>Andora Yeung</td><td class='cell' align='center'>and</td></tr>
<tr><td class='headings'><input type='checkbox' name='uid106' value='checked'></td><td class='title'>Andrew Yeung</td><td class='cell' align='center'>andrew</td></tr>
<tr><td class='headings'><input type='checkbox' name='uid73' value='checked'></td><td class='title'>Calvin Sin</td><td class='cell' align='center'>calsin</td></tr>
<tr><td class='headings'><input type='checkbox' name='uid123' value='checked'></td><td class='title'>Cherry Chan</td><td class='cell' align='center'>cherryc</td></tr>
<tr><td class='headings'><input type='checkbox' name='uid119' value='checked'></td><td class='title'>Cherry Poon</td><td class='cell' align='center'>cherryp</td></tr>
<tr><td class='headings'><input...

CSS

.scrollBoxYe{
    width: 250px;
    height: 200px;
    overflow: scroll;
    position: relative;
}

.grid td{
    border: solid 1px;
    white-space: nowrap;
}

.anchor{
    background-color: #ddeeff;
}

JavaScript

$('.scrollBoxYe')
    .scrollLeft($('.anchor').position().left)
    .scrollTop($('.anchor').position().top);


// in case you want to set the anchor on its cell
/*
    $('.scrollBoxYe')
    .scrollLeft($('.anchor').parent().position().left)
    .scrollTop($('.anchor').parent().position().top);
*/