JSFiddle - React, Tailwind, and code Playground

HTML

<table id="opponents">
    <tbody>
        <tr>
            <td>existing data</td>
            <td>more existing data</td>
        </tr>
    </tbody>
</table>

CSS

table tr td{
    padding: 5px;
}

JavaScript

$('#opponents tr:last').after('<tr><td>data</td><td>more data</td></tr>').effect("highlight", {}, 3000);