JSFiddle - React, Tailwind, and code Playground

HTML

<button class="boton">AGREGAR</button>
<table border="1">
    <thead>
        <th>Nombre</th>
        <th>Apellido</th>
        <th>Cedula</th>
    </thead>
    <tbody id="lista">
    </tbody>
</table>

CSS

.borde{
        cursor:pointer;
        border:solid;
        border-width:2px;
        border-color:#0000ff;
        background-color:#595959;
        color:#ffffff;
    }

JavaScript

$(function(){
        $(".boton").click(function(){
            $("#lista").append(`<tr>
                <td>Carlos</td>
                <td>Quintero</td>
                <td>Cedula</td>
            </tr>`);
            muestra()
        })
    })

    function muestra(){
        $("#lista tr").hover(function(){
            $(this).children('td').addClass('borde');
        })
        $("#lista tr").mouseleave(function(){
            $(this).children('td').removeClass('borde');
        })
    }