JSFiddle - React, Tailwind, and code Playground

HTML

<button id="addrow">add row</button>
<table class="table">
    <tbody>
        <tr class="initial">
            <td>lorem</td>
            <td>ipsum</td>
        </tr>
        <tr class="initial">
            <td>lorem</td>
            <td>ipsum</td>
        </tr>
        <tr class="initial">
            <td>lorem</td>
            <td>ipsum</td>
        </tr>
    </tbody>
</table>

CSS

.table > tbody > tr.initial:nth-of-type(even) {
    background-color:#C6DDFF;
}

JavaScript

$('#addrow').click(function() {
    var tr = $('<tr><td>lorem</td><td>ipsum</td></tr>');
    tr.appendTo('.table tbody');
});