JSFiddle - React, Tailwind, and code Playground

by Sean Wessell

HTML

<p>Click the button to sort the array in ascending order.</p>
<button onclick="sortTable('tblBody',0,1)">Try it</button>
<p id="demo"></p>
<table id="tbl">
    <thead></thead>
    <tbody id="tblBody">
        <tr>
            <td>test3</td>
            <td>test3</td>
        </tr>
        <tr>
            <td>test2</td>
            <td>test2</td>
        </tr>
        <tr>
            <td>test1</td>
            <td>test1</td>
        </tr>
    </tbody>
</table>

</html>

JavaScript

function sortTable(tbodyId, cellIndex, order) {
    var tbody = document.getElementById(tbodyId);
    var list = tbody.getElementsByTagName("tr");

    var arr = [];
    for (var i = 0; i < list.length; i++) {
        arr.push(list[i]);
    }
    arr.sort(function (a, b) {
        return (a.cells[cellIndex].innerHTML > b.cells[cellIndex].innerHTML) + order
    });
    tbody.innerHTML = '';
    for (var ix = 0; ix < arr.length; ix++) {
        //alert(arr[ix].innerHTML);
        tbody.innerHTML = tbody.innerHTML + arr[ix].outerHTML;
    }
}