JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container" class="contain">
    <table id="table">
        <thead>
            <tr>
                <td>Problem</td>
                <td>Solution</td>
                <td>Solution</td>
            </tr>
        </thead>
        <tbody>
            <tr id='someId'>
                <td>
                    <input type='checkbox' />
                </td>
                <td>data 1</td>
                <td>data 2</td>
            </tr>
            <tr id='someId'>
                <td>
                    <input type='checkbox' checked="checked" />
                </td>
                <td>data 1</td>
                <td>data 2</td>
            </tr>
            <tr id='someId'>
                <td>
                    <input type='checkbox' />
                </td>
                <td>data 1</td>
                <td>data 2</td>
            </tr>
            <tr id='someId'>
                <td>
                    <input type='checkbox' checked="checked" />
                </td>
                <td>data 1</td>
                <td>data 2</td>
            </tr>
            <tr id='someId'>
                <td>
                    <input type='checkbox' />
                </td>
                <td>data 1</td>
                <td>data 2</td>
            </tr>
            <tr id='someId'>
                <td>
                    <input type='checkbox' />
                </td>
                <td>data 1</td>
                <td>data 2</td>
            </tr>
            <tr id='someId'>
                <td>
                    <input type='checkbox' />
                </td>
                <td>data 1</td>
                <td>data 2</td>
            </tr>
            <tr id='someId'>
                <td>
                    <input type='checkbox' />
                </td>
                <td>data 1</td>
                <td>data 2</td>
            </tr>
            <tr id='someId'>
                <td>
                    <input type='checkbox' checked="checked" />
  ...

CSS

table {
    background-color: #aaa;
}
.contain {
    background-color: #ddd;
    height: 100px;
    overflow: auto;
}
td {
    padding: 3px 10px;
}
thead > tr, tbody {
    display:block;
}

JavaScript

$(document).ready(function () {
        var rowpos = $('#table input:checked').last().offset();
        $('#container').scrollTop(rowpos.top);
    });