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="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) {

console.log(this.field)

  var total = 0;

  $.each(data, function() {
    total += this.a;
  });
  return total;



}