JSFiddle - React, Tailwind, and code Playground
by oduska
HTML
<table class="dataGrid2 tablesorter tablesorter-default" id="maintable1" role="grid">
<thead>
<tr class="tablesorter-headerRow" role="row">
<th aria-controls="maintable1" aria-disabled="false" aria-label=": No sort applied, activate to apply an ascending sort" aria-sort="none" class="load-balanced tablesorter-header tablesorter-headerUnSorted" data-column="0" role="columnheader" scope="col" style="user-select: none; cursor: pointer;">
<div class="tablesorter-header-inner"></div>
</th>
<th aria-controls="maintable1" aria-disabled="false" aria-label="Algo: No sort applied, activate to apply an ascending sort" aria-sort="none" class="tablesorter-header tablesorter-headerUnSorted" data-column="1" role="columnheader" scope="col" style="user-select: none; cursor: pointer;">
<div class="tablesorter-header-inner">
Algo
</div>
</th>
<th aria-controls="maintable1" aria-disabled="false" aria-label="Port: No sort applied, activate to apply an ascending sort" aria-sort="none" class="tablesorter-header tablesorter-headerUnSorted" data-column="2" data-sorter="numeric" role="columnheader" scope="col" style="user-select: none; cursor: pointer;">
<div class="tablesorter-header-inner">
Port
</div>
</th>
<th aria-controls="maintable1" aria-disabled="false" aria-label="Coins: No sort applied, activate to apply an ascending sort" aria-sort="none" class="tablesorter-header tablesorter-headerUnSorted" data-column="3" data-sorter="numeric" role="columnheader" scope="col" style="user-select: none; cursor: pointer;">
<div class="tablesorter-header-inner">
Coins
</div>
</th>
<th aria-controls="maintable1" aria-disabled="false" aria-label="Miners: No sort applied, activate to apply an ascending sort"...