JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tbody></tbody>
</table>

CSS

.trStyleSummary {
    display:none;
}
tr:nth-child(even){
    background-color:#eaeaea;
}
tr:nth-child(odd){
    background-color:#cccccc;
}

JavaScript

$(function () {
    for (var i = 0; i < 20; i++) {
        $("tbody").append("<tr class='trStyleSummary'><td>student-" + i + "</td></tr>");
    }
    var offset = 400;
    $("tbody tr").each(function () {
        $(this).fadeIn($(this).index() * offset);
    });
});