Bootstrap Table

by jimkennelly

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/1922nt">
    <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 total = 0,    i;
for (i = 0; i < data.length; i++) {  //loop through the array
    total += data[i].a;  //Do the math!
}
console.log(total);
return total;



}