JSFiddle - React, Tailwind, and code Playground

by wirey00

HTML

<table>
    <tbody>
        <tr>
            <td>ROW 1 COL 1</td>
            <td>Star</td>
            <td>ROW 1 COL 3</td>
            <td>ROW 1 COL 4</td>
            <td>ROW 1 COL 5</td>
            <td>ROW 1 COL 6</td>
        </tr>
        <tr>
            <td>ROW 2 COL 1</td>
            <td>Fish</td>
            <td>ROW 2 COL 3</td>
            <td>ROW 2 COL 4</td>
            <td>ROW 2 COL 5</td>
            <td>ROW 2 COL 6</td>
        </tr>
        <tr>
            <td>ROW 3 COL 1</td>
            <td>Cat</td>
            <td>ROW 3 COL 3</td>
            <td>ROW 3 COL 4</td>
            <td>ROW 3 COL 5</td>
            <td>ROW 3 COL 6</td>
        </tr>
        <tr>
            <td>ROW 4 COL 1</td>
            <td>Horse</td>
            <td>ROW 4 COL 3</td>
            <td>ROW 4 COL 4</td>
            <td>ROW 4 COL 5</td>
            <td>ROW 4 COL 6</td>
        </tr>
    </tbody>
</table>

JavaScript

var $tbody = $('table tbody');
$tbody.find('tr').sort(function(a,b){    
            // if a < b return 1
    return $(a).find('td:eq(1)').text() < $(b).find('td:eq(1)').text() ? 1 
           // if a > b return -1
    : $(a).find('td:eq(1)').text() > $(b).find('td:eq(1)').text() ? -1 
           // else they are equal - return 0    
    : 0;           
}).appendTo($tbody);