JSFiddle - React, Tailwind, and code Playground

HTML

<table>
  <tr>
    <td> ligne 1
        <button class="up">up</button>
        <button class="down">down</button>
    </td>
</tr>
<tr>
    <td> ligne 2
        <button class="up">up</button>
        <button class="down">down</button>
    </td>
</tr>
  <tr>
    <td> ligne 3
        <button class="up">up</button>
        <button class="down">down</button>
    </td>
</tr>
<tr>
    <td> ligne 4
        <button class="up">up</button>
        <button class="down">down</button>
    </td>
</tr>
  <tr>
    <td> ligne 5
        <button class="up">up</button>
        <button class="down">down</button>
    </td>
</tr>
<tr>
    <td> ligne 6
        <button class="up">up</button>
        <button class="down">down</button>
    </td>
</tr>
</table>

JavaScript

$('table').on('click', function(ev){
    var $elem = $(ev.target);
    if($elem.is('.up')){
        $TR = $elem.parents('tr');
        $prevTR = $TR.prev('tr');
        if($prevTR){
            $prevTR.before($TR);
        }
        return true;
    }
    else if($elem.is('.down')){
        $TR = $elem.parents('tr');
        $nextTR = $TR.next('tr');
        if($nextTR){
            $nextTR.after($TR);
        }
        return true;
    }
});