JSFiddle - React, Tailwind, and code Playground

HTML

<body>
        <table border="1">
            <tr>
                <th>#</th>
                <th>Name</th>
                <th>age</th>
                <th>#</th>
            </tr>
            <tr>
                <td>1</td>
                <td>Jhon</td>
                <td>10</td>
                <td><label style="color:red" class="remove" title="remove">X</label></td>
            </tr>
            <tr>
                <td>2</td>
                <td>Jim</td>
                <td>12</td>
                <td><label style="color:red" class="remove" title="remove">X</label></td>
            </tr>
            <tr>
                <td>3</td>
                <td>Smith</td>
                <td>20</td>
                <td><label style="color:red" class="remove" title="remove">X</label></td>
            </tr>
            <tr>
                <td>4</td>
                <td>Bob</td>
                <td>5</td>
                <td><label style="color:red" class="remove" title="remove">X</label></td>
            </tr>
        </table>
    </body>

JavaScript

$(document).ready(function(){
    $('.remove').click(function(){
        $(this).parents('tr').animate({ height: 'toggle', opacity: 'toggle' }, 'slow').slideUp();
    });
});