Bootstrap Table

HTML

<link rel="stylesheet" href="https://rawgit.com/wenzhixin/bootstrap-table/master/src/bootstrap-table.css">
<script src="https://rawgit.com/wenzhixin/bootstrap-table/master/src/bootstrap-table.js"></script>
<table data-toggle="table" data-show-footer="true" data-url="https://api.myjson.com/bins/zas21">
  <thead>
    <tr>
      <th data-field="a" data-footer-formatter="formatTotal">a</th>
      <th data-field="b" data-footer-formatter="formatTotal">b</th>
      <th data-field="c" data-footer-formatter="formatTotal">c</th>
      <th data-field="d" data-footer-formatter="formatTotal">d</th>
      <th data-field="e" data-footer-formatter="formatTotal">e</th>
      <th data-field="f" data-footer-formatter="formatTotal">f</th>
      <th data-field="g" data-footer-formatter="formatTotal">g</th>
      <th data-field="h" data-footer-formatter="formatTotal">h</th>
      <th data-field="i" data-footer-formatter="formatTotal">i</th>
      <th data-field="j" data-footer-formatter="formatTotal">j</th>
    </tr>
  </thead>
</table>

JavaScript

function formatTotal(data) {

var currentField = this.field;
  var total = 0;
  var fieldname = this.field;

  $.each(data, function() {
    var r = this;
    total += this[currentField]; alert(total);
  });
  return total;
}