JSFiddle - React, Tailwind, and code Playground

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>

CSS

.newrow {
    background-color: red;
}

JavaScript

$("#add").click(function (e) {    
 e.preventDefault();
 var $tr = $("<tr/>",{"class":"newrow","html":"<td>somenum</td>"}).hide();
    $("#numlist").prepend($tr.show("slow"));
    setTimeout(function(){
        $tr.css("background-color","#fff")
    },1000);
});