Bootstrap Table - footer

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-footer-style="footerStyle" data-show-columns="true">
  <thead>
    <tr>
      <th data-sortable="true" data-footer-formatter="totalText">Names</th>
      <th data-sortable="true" data-footer-formatter="carsSum"># Cars</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Johnny</td>
      <td>2</td>
    </tr>
    <tr>
      <td>Zack</td>
      <td>3</td>
    </tr>
    <tr>
      <td>Timmy</td>
      <td>2</td>
    </tr>
  </tbody>
</table>

JavaScript

function totalText(data) {
  return 'Total';
}

function carsSum(data) {
  return '7';
}

function footerStyle(value, row, index) {
  return {
    css: { "font-align": "right" }
  };
}