Footable Data sort value

Using data type "html"

by Rich Costello

HTML

<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-footable/3.1.4/footable.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-footable/3.1.4/footable.bootstrap.min.css">
<div class="container">
<table class="footable3 table" data-sorting="true">
  <thead>
    <tr>
      <th data-type="html">total</th>
    </tr>
  </thead>
  <tbody>
    <tr><td data-sort-value="1"><a href="/1">1</a></td></tr>
    <tr><td data-sort-value="10"><a href="/10">10</a></td></tr>
    <tr><td data-sort-value="2"><a href="/2">2</a></td></tr>
    <tr><td data-sort-value="3"><a href="/3">3</a></td></tr>
  </tbody>
</table>
</div>

JavaScript

$(function() {
    var ft = FooTable.init(".footable3");
});