JSFiddle - React, Tailwind, and code Playground

HTML

<button id="sort">sort </button>
<table class="fl-table" id="mytable">
      <thead>
        <tr>
          <th>Player</th>
          <th>Player Name</th>
          <!-- <th>W1</th>
                <th>W2</th> -->
          <th>W1</th>
          <th>W2</th>
          <th>Total</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td class="agl-profile-img-new"><img src="https://via.placeholder.com/70

    C/O https://placeholder.com/"></td>
          <td>Heather Rankin</td>
          <td>4</td>
          <td>21</td>
          <td>25</td>
        </tr>
        <tr>
          <td class="agl-profile-img-new"><img src="https://via.placeholder.com/70

    C/O https://placeholder.com/"></td>
          <td>Stephen Puopolo</td>
          <td>3</td>
          <td>1</td>
          <td>4</td>
        </tr>
        <tr>
          <td class="agl-profile-img-new"><img src="https://via.placeholder.com/70

    C/O https://placeholder.com/"></td>
          <td>Latheesh V M V</td>
          <td>2</td>
          <td>26</td>
          <td>28</td>
        </tr>
      </tbody>
      <tbody>
      </tbody>
          </table>

JavaScript

function SortByTotal(tr1, tr2){//descending sorting
  var total1 = parseInt(tr1.find('td:last-child').text());
  var total2 = parseInt(tr2.find('td:last-child').text());
  return ((total1 > total2) ? -1 : ((total1 < total2) ? 1 : 0));
}

//array.sort(SortByName);
$('#sort').on('click',function(){
	var trs=new Array();
  $('#mytable tbody').first().children('tr').each(function(){
		trs.push($(this).clone());     
   });
   trs.sort(SortByTotal);
   $('#mytable tbody').first().empty();  
   var i=0;
   for (i = 0; i < trs.length; i++) {
    	$('#mytable tbody').first().append(trs[i]); 
   }
});