JSFiddle - React, Tailwind, and code Playground

by David Thomas

HTML

<table id="numlist">
    <thead>
        <th>color</th>
    </thead>
    <tbody>
        <tr>
            <td>one</td>
        </tr>
        <tr>
            <td>two</td>
        </tr>
    </tbody>
</table>
<a href="#" id="add">add</a>

JavaScript

$("#add").click(function (event) {
    event.preventDefault();
    $("#numlist tbody").prepend("<tr class='newrow'><td>somenum</td></tr>").find('.newrow:first').css('background-color', '#ffa').animate({
        'background-color' : '#fff'
    }, 2000);
});