JSFiddle - React, Tailwind, and code Playground

HTML

<table id="table1">
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
    </tr>
    <tr id="tr2move">
        <td>1</td>
        <td>2</td>
        <td>3</td>
    </tr>
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
    </tr>
</table>
<table id="table2">
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
    </tr>
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
    </tr>
</table>
<br class="clear" />
<button>Перенести</button>

CSS

table {
    border: 1px solid;
    width: 40%;
    float: left;
    margin: 5px 15px;
}
#tr2move td {
    background-color: yellow;
}
.clear {
    clear: both;
}

JavaScript

$('button').on('click', function(){
    $('#tr2move').appendTo($('#table2'));
});