JSFiddle - React, Tailwind, and code Playground

by kougiland

HTML

<span><input type="button" value="Click to add a new row" /></span>
<div><table><tr><td>Start</td></tr></table></div>

CSS

div {
    overflow: auto;
    height: 100px;
}

JavaScript

var rownum = 1;
$('input').click(function () {
    $('table').append('<tr id=row-' + rownum + '><td>' + rownum + ': row</td></tr>');
    var $row = $('#row-' + rownum);
    var topOffset = $row.parent().parent().parent().scrollTop() + $row.position().top;
    $('div').animate({scrollTop: topOffset + "px"}, 400);
    rownum++;
});