JSFiddle - React, Tailwind, and code Playground
CSS
table td {
border : 1px solid #ccc;
}
JavaScript
$(function() {
setInterval(function() {
var val = parseInt(Math.random() * 10000);
$('table').append('<tr val="' + val + '"><td>' + val + '</td></tr>');
sortTable();
}, 3000);
});
function compareRows (tr1, tr2) {
var val1 = parseInt($(tr1).attr('val'));
var val2 = parseInt($(tr2).attr('val'));
return ((val1 > val2) ? 1 : ((val1 < val2) ? -1 : 0));
};
function sortTable() {
$('table tr').sort(compareRows).appendTo('table');
}