JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://tablesorter.com/__jquery.tablesorter.js"></script>
<link rel="stylesheet" href="http://tablesorter.com/themes/blue/style.css">
<table class="tablesorter">
    <thead>
            <tr>
                <th>First Name</th>
                <th>Last Name</th>
                <th>Total</th>
                <th>Date</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>Clark</td>
                <td>Kent</td>
                <td>$15.89</td>
                <td>Jan 12, 2003 11:14 AM</td>
            </tr>
            <tr>
                <td>Clark</td>
                <td>Kent</td>
                <td>$15.89</td>
                <td>Jan 15, 2003 11:14 AM</td>
            </tr>            
            <tr>
                <td>Bruce</td>
                <td>Almighty</td>
                <td>$153.19</td>
                <td>12/31/2012</td>
            </tr>
            <tr>
                <td>Fred</td>
                <td>Jones</td>
                <td>$153.19</td>
                <td>June 4, 1944</td>
            </tr>
            <tr>
                <td>Bruce</td>
                <td>Evans</td>
                <td>$13.19</td>
                <td>Jan 18, 2011</td>
            </tr>
            <tr>
                <td>Clark</td>
                <td>Kent</td>
                <td>$15.89</td>
                <td>Jan 12, 2004 11:14 AM</td>
            </tr>            
        </tbody>
</table>

JavaScript

$(".tablesorter").tablesorter();