How can I sort a table numerically with jQuery?

$(document).ready(function() {
  let partNum;
  let quantity;
  let description;
  let stockStatus = 'green';
  const table = $('table');

  $("#table").tablesort();
// WHen button is clicked you fill out prompts and then a new row with new info appears
$('.addItem').click(function() {
  while (true) {
     partNum = prompt("What is the part number?");
     quantity = prompt("What is the quantity of this part?");
     description = prompt("Describe this part");
    $("table").find('tbody').append( `<tr><td contenteditable='true'>${partNum}</td><td contenteditable='true'>${quantity}</td><td contenteditable='true'>${description}</td></tr>` );

    break;
  }
});
$('.navButtons').click(function() {
    $('.navButtons').removeClass("blue");
    $(this).addClass("blue");
});
$('.button1').click(function() {
  $("table").find('tbody').html(capacitorHtml);
  stockStatusFunc();
  if (stockStatus === 'green') {
    $('td').addClass('green');
  }
});
$('.button2').click(function() {
  $("table").find('tbody').html(electricalHTML);
  stockStatusFunc();
  if (stockStatus === 'green') {
    $('td').addClass('green');
  }
});
function stockStatusFunc() {
  $('table tr').each(function(){
    $(this).find('td ~ .quantityCell').each(function(){
      let int = parseInt($(this).text());
      console.log(int);
      if (int <= 5) {
        $(this).removeClass('green');
        $(this).removeClass('yellow');
        $(this).addClass('red');
      }else if (int <= 15 && int > 5) {
        $(this).removeClass('green');
        $(this).removeClass('red');
        $(this).addClass('yellow');
      } else {

      }
    });
});
}
    });