JSFiddle - React, Tailwind, and code Playground

by Chandana Thota

HTML

<table name="mytable" id="mytable">
  <thead>
    <tr><th>Names</th></tr>
  </thead>
  <tbody>
    <tr><td>Ball</td></tr>
    <tr><td>Apple</td></tr>
    <tr><td>Cat</td></tr>
  </tbody>
</table>

JavaScript

var $sort = this;
    var $table = $('#mytable');
    var $rows = $('tbody &gt; tr',$table);
    $rows.sort(function(a, b){
        var keyA = $('td:eq(0)',a).text();
        var keyB = $('td:eq(0)',b).text();
        if($($sort).hasClass('asc')){
            return (keyA &gt; keyB) ? 1 : 0;
        } else {
            return (keyA &lt; keyB) ? 1 : 0;
        }
    });