JSFiddle - React, Tailwind, and code Playground

by hybernaut

HTML

<table id="myTable">
    <tr data-order="2">
        <td>2</td>
    </tr>
    <tr data-order="3">
        <td>3</td>
    </tr>
    <tr data-order="5">
        <td>5</td>
    </tr>
    <tr data-order="1">
        <td>1</td>
    </tr>
    <tr data-order="4">
        <td>4</td>
    </tr>
</table>

JavaScript

var table = $('#myTable');
var tr = $('tr').sort(function(a, b) {
    var compA = $(a).data('order');
    var compB = $(b).data('order');
    return (compA < compB) ? -1 : (compA > compB) ? 1 : 0;
});
tr.each(function(){ table.append(this); });