title: How to add footer row in a JTable
body: <p>How to add footer row in <a href="http://www.jtable.org/" rel="nofollow">Jtable</a>,
  i am using jTable 2.4.0 version js files and mvc 4.</p>
  
  <p><strong>Reference</strong></p>
  
  <p>Samir you can use the jquery.jtable.footer.js jtable extension from <a href="https://github.com/gbisheimer/jtable/tree/master/lib/extensions" rel="nofollow">https://github.com/gbisheimer/jtable/tree/master/lib/extensions</a>.</p>
  
  <p>and configure you column for footer as shown below</p>
  
  <pre><code>           Balance: {
                      title: 'Balance',
                      width: '70',
                      create:false,
                      edit: false,
                      display: function (data) {
                              return "£ " + data.record.Balance;
                      },
                      footer: function (data) {
                          var total = 0;
                          $.each(data.Records, function (index, record) {
                              total = Number(record.Balance);
                          });
                          return ("£"+total.toFixed(2));
                      }
                  }
  </code></pre>