<!-- core -->
<script type="text/javascript" src="tablesort.min.js"></script>

<!-- additional libraries -->
<script type="text/javascript" src="tablesort.date.min.js"></script>
<script type="text/javascript" src="tablesort.number.min.js"></script>

<table class="table table-bordered table-hover table-condensed" id="mytable">
    <thead>
      <tr>
          <th data-sort-method="number">id</th>
          <th>first_name</th>
          <th>last_name</th>
          <th>email</th>
          <th data-sort-method="date">date</th>
          <th data-sort-method="number">amount</th>
      </tr>
    </thead>

    <!-- tbody rows -->
</table>

new Tablesort(document.getElementById('table'));