JSFiddle - React, Tailwind, and code Playground

by Adi Jaya

HTML

<table>  
<tr data-p='1'>
      <td> One1</td>
      <td> Two1</td>
</tr>
<tr myAttribute='2'>
      <td> One2</td>
      <td> Two2</td>
</tr>
</table>

JavaScript

var $table=$('table');

var rows = $table.find('tr').get();
rows.sort(function(a, b) {
var keyA = $(a).attr('myAttribute');
var keyB = $(b).attr('myAttribute');
if (keyA < keyB) return 1;
if (keyA > keyB) return -1;
return 0;
});
$.each(rows, function(index, row) {
$table.children('tbody').append(row);
});