JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://www.kryogenix.org/code/browser/sorttable/sorttable.js"></script>
<table class="sortable">
    <tr>
        <td>team name</td>
        <td>team capain</td>
        <td>amount raised</td>
    </tr>
    <tr>
        <td>team 1</td>
        <td>captain1</td>
        <td>CAN$0.00</td>
    </tr>
    <tr>
        <td>team 2</td>
        <td>captain2</td>
        <td>CAN$5.00</td>
    </tr>
    <tr>
        <td>team 3</td>
        <td>captain3</td>
        <td>CAN$3.00</td>
    </tr>
    <tr>
        <td>team 4</td>
        <td>captain4</td>
        <td>CAN$20.00</td>
    </tr>
</table>

CSS

/* Sortable tables */
 table.sortable thead {
    background-color:#eee;
    color:#666666;
    font-weight: bold;
    cursor: default;
}