JSFiddle - React, Tailwind, and code Playground

HTML

<table id="yourTableID">
    <tr><td>123<button class="up">Up</button><button class="down">Down</button></td></tr>    <tr><td>abc<button class="up">Up</button><button class="down">Down</button></td></tr>
        <tr><td>1543523<button class="up">Up</button><button class="down">Down</button></td></tr>
        <tr><td>gfhga<button class="up">Up</button><button class="down">Down</button></td></tr>
        <tr><td>12gfadga<button class="up">Up</button><button class="down">Down</button></td></tr>
    
</table>

JavaScript

$('#yourTableID').delegate('.up', 'click', function() {
  var row = $(this).closest('tr');
  var index = row.index();

  if(index  != 0) {
    row.insertBefore(row.prev());

    if(index == 1) { 
      $(this).attr('disabled', 'disabled');
    }
  } 

})
.delegate('.down', 'click', function() {
  var row = $(this).closest('tr');
  var index = row.index();

  if(index  < row.siblings().length) {
    row.insertAfter(row.next());

    if(index + 1 == row.siblings().length) {
      $(this).attr('disabled', 'disabled');
    }
  }

});