JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://raw.github.com/appendto/jquery-mockjax/master/jquery.mockjax.js"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/base/jquery-ui.css">
<table class="jquery-team-members">
    <tr id="1"><td>Adam</td><td class="delete"><span class="ui-icon ui-icon-trash"></span></td></tr>
    <tr id="2"><td>Cody</td><td class="delete"><span class="ui-icon ui-icon-trash"></span></td></tr>
    <tr id="3"><td>Dan</td><td class="delete"><span class="ui-icon ui-icon-trash"></span></td></tr>
    <tr id="4"><td>Dave</td><td class="delete"><span class="ui-icon ui-icon-trash"></span></td></tr>
    <tr id="5"><td>Doug</td><td class="delete"><span class="ui-icon ui-icon-trash"></span></td></tr>
    <tr id="6"><td>John</td><td class="delete"><span class="ui-icon ui-icon-trash"></span></td></tr>
    <tr id="7"><td>Jörn</td><td class="delete"><span class="ui-icon ui-icon-trash"></span></td></tr>
    <tr id="8"><td>Karl</td><td class="delete"><span class="ui-icon ui-icon-trash"></span></td></tr>
    <tr id="9"><td>Leah</td><td class="delete"><span class="ui-icon ui-icon-trash"></span></td></tr>
    <tr id="10"><td>Mike</td><td class="delete"><span class="ui-icon ui-icon-trash"></span></td></tr>
    <tr id="11"><td>Paul</td><td class="delete"><span class="ui-icon ui-icon-trash"></span></td></tr>
    <tr id="12"><td>Ralph</td><td class="delete"><span class="ui-icon ui-icon-trash"></span></td></tr>
    <tr id="13"><td>Rey</td><td class="delete"><span class="ui-icon ui-icon-trash"></span></td></tr>
    <tr id="14"><td>Richard</td><td class="delete"><span class="ui-icon ui-icon-trash"></span></td></tr> 
    <tr id="15"><td>Scott</td><td class="delete"><span class="ui-icon ui-icon-trash"></span></td></tr>
    <tr id="16"><td>Scott</td><td class="delete"><span class="ui-icon ui-icon-trash"></span></td></tr>
    <tr id="17"><td>Todd</td><td class="delete"><span class="ui-icon ui-icon-trash"></span></td></tr>
    <tr...

CSS

.jquery-team-members { width: 200px; }
tr { border-bottom: 1px dashed #ccc; }
.odd { background-color: LemonChiffon; }
.delete { width: 16px; cursor: pointer; }

JavaScript

zebraTable();

$( ".delete" ).bind( "click", function() {
    var $this = $( this ),
        $row = $this.closest( "tr" ),
        rowId = $row.attr( "id" );

    $.ajax({
        url: "/Contact/Delete/" + rowId,
        type: "POST",
        success: function( data, textStatus, jqXHR ) {
            if ( data.status === "success" ) {
                $row.hide( 500, function() {
                    $row.remove();
                });
            } else {
                console.log( data.message );
            }
        },
        error: function( jqXHR, textStatus, errorThrown ) {
            console.log( "error", textStatus );
        },
        complete: function( jqXHR, textStatus ) {
            zebraTable();
        }
    });
});

function zebraTable() {
    $( "tr" ).removeClass( "odd" )
        .filter( ":odd" )
        .addClass( "odd" );
}

$.mockjax({
    url: "/Contact/Delete/*",
    responseTime: 300,
    responseText: {
        status: "success"
    }    
});