title: datatables dynamic totals in footer on rows change
body: <p>I have simple datatable with summary of last column (total) in footer:</p>
  
  <p>html:</p>
  
  <pre><code>&lt;table id="example" class="display" cellspacing="0" width="100%"&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;First name&lt;/th&gt;
              &lt;th&gt;Last name&lt;/th&gt;
              &lt;th&gt;Position&lt;/th&gt;
              &lt;th&gt;Office&lt;/th&gt;
              &lt;th&gt;Salary&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tfoot&gt;
          &lt;tr&gt;
              &lt;th colspan="4" style="text-align:right"&gt;Total:&lt;/th&gt;
              &lt;th&gt;&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/tfoot&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;Tiger&lt;/td&gt;
              &lt;td&gt;Nixon&lt;/td&gt;
              &lt;td&gt;System Architect&lt;/td&gt;
              &lt;td&gt;Edinburgh&lt;/td&gt;
              &lt;td&gt;$320,800&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Garrett&lt;/td&gt;
              &lt;td&gt;Winters&lt;/td&gt;
              &lt;td&gt;Accountant&lt;/td&gt;
              &lt;td&gt;Tokyo&lt;/td&gt;
              &lt;td&gt;$170,750&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Ashton&lt;/td&gt;
              &lt;td&gt;Cox&lt;/td&gt;
              &lt;td&gt;Junior Technical Author&lt;/td&gt;
              &lt;td&gt;San Francisco&lt;/td&gt;
              &lt;td&gt;$86,000&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Cedric&lt;/td&gt;
              &lt;td&gt;Kelly&lt;/td&gt;
              &lt;td&gt;Senior Javascript Developer&lt;/td&gt;
              &lt;td&gt;Edinburgh&lt;/td&gt;
              &lt;td&gt;$433,060&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Airi&lt;/td&gt;
              &lt;td&gt;Satou&lt;/td&gt;
              &lt;td&gt;Accountant&lt;/td&gt;
              &lt;td&gt;Tokyo&lt;/td&gt;
              &lt;td&gt;$162,700&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Brielle&lt;/td&gt;
              &lt;td&gt;Williamson&lt;/td&gt;
              &lt;td&gt;Integration Specialist&lt;/td&gt;
              &lt;td&gt;New York&lt;/td&gt;
              &lt;td&gt;$372,000&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Herrod&lt;/td&gt;
              &lt;td&gt;Chandler&lt;/td&gt;
              &lt;td&gt;Sales Assistant&lt;/td&gt;
              &lt;td&gt;San Francisco&lt;/td&gt;
              &lt;td&gt;$137,500&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Rhona&lt;/td&gt;
              &lt;td&gt;Davidson&lt;/td&gt;
              &lt;td&gt;Integration Specialist&lt;/td&gt;
              &lt;td&gt;Tokyo&lt;/td&gt;
              &lt;td&gt;$327,900&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Colleen&lt;/td&gt;
              &lt;td&gt;Hurst&lt;/td&gt;
              &lt;td&gt;Javascript Developer&lt;/td&gt;
              &lt;td&gt;San Francisco&lt;/td&gt;
              &lt;td&gt;$205,500&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Sonya&lt;/td&gt;
              &lt;td&gt;Frost&lt;/td&gt;
              &lt;td&gt;Software Engineer&lt;/td&gt;
              &lt;td&gt;Edinburgh&lt;/td&gt;
              &lt;td&gt;$103,600&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Jena&lt;/td&gt;
              &lt;td&gt;Gaines&lt;/td&gt;
              &lt;td&gt;Office Manager&lt;/td&gt;
              &lt;td&gt;London&lt;/td&gt;
              &lt;td&gt;$90,560&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Quinn&lt;/td&gt;
              &lt;td&gt;Flynn&lt;/td&gt;
              &lt;td&gt;Support Lead&lt;/td&gt;
              &lt;td&gt;Edinburgh&lt;/td&gt;
              &lt;td&gt;$342,000&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Charde&lt;/td&gt;
              &lt;td&gt;Marshall&lt;/td&gt;
              &lt;td&gt;Regional Director&lt;/td&gt;
              &lt;td&gt;San Francisco&lt;/td&gt;
              &lt;td&gt;$470,600&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Haley&lt;/td&gt;
              &lt;td&gt;Kennedy&lt;/td&gt;
              &lt;td&gt;Senior Marketing Designer&lt;/td&gt;
              &lt;td&gt;London&lt;/td&gt;
              &lt;td&gt;$313,500&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Tatyana&lt;/td&gt;
              &lt;td&gt;Fitzpatrick&lt;/td&gt;
              &lt;td&gt;Regional Director&lt;/td&gt;
              &lt;td&gt;London&lt;/td&gt;
              &lt;td&gt;$385,750&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Michael&lt;/td&gt;
              &lt;td&gt;Silva&lt;/td&gt;
              &lt;td&gt;Marketing Designer&lt;/td&gt;
              &lt;td&gt;London&lt;/td&gt;
              &lt;td&gt;$198,500&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Paul&lt;/td&gt;
              &lt;td&gt;Byrd&lt;/td&gt;
              &lt;td&gt;Chief Financial Officer (CFO)&lt;/td&gt;
              &lt;td&gt;New York&lt;/td&gt;
              &lt;td&gt;$725,000&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Gloria&lt;/td&gt;
              &lt;td&gt;Little&lt;/td&gt;
              &lt;td&gt;Systems Administrator&lt;/td&gt;
              &lt;td&gt;New York&lt;/td&gt;
              &lt;td&gt;$237,500&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Bradley&lt;/td&gt;
              &lt;td&gt;Greer&lt;/td&gt;
              &lt;td&gt;Software Engineer&lt;/td&gt;
              &lt;td&gt;London&lt;/td&gt;
              &lt;td&gt;$132,000&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Dai&lt;/td&gt;
              &lt;td&gt;Rios&lt;/td&gt;
              &lt;td&gt;Personnel Lead&lt;/td&gt;
              &lt;td&gt;Edinburgh&lt;/td&gt;
              &lt;td&gt;$217,500&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Jenette&lt;/td&gt;
              &lt;td&gt;Caldwell&lt;/td&gt;
              &lt;td&gt;Development Lead&lt;/td&gt;
              &lt;td&gt;New York&lt;/td&gt;
              &lt;td&gt;$345,000&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Yuri&lt;/td&gt;
              &lt;td&gt;Berry&lt;/td&gt;
              &lt;td&gt;Chief Marketing Officer (CMO)&lt;/td&gt;
              &lt;td&gt;New York&lt;/td&gt;
              &lt;td&gt;$675,000&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Caesar&lt;/td&gt;
              &lt;td&gt;Vance&lt;/td&gt;
              &lt;td&gt;Pre-Sales Support&lt;/td&gt;
              &lt;td&gt;New York&lt;/td&gt;
              &lt;td&gt;$106,450&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Doris&lt;/td&gt;
              &lt;td&gt;Wilder&lt;/td&gt;
              &lt;td&gt;Sales Assistant&lt;/td&gt;
              &lt;td&gt;Sidney&lt;/td&gt;
              &lt;td&gt;$85,600&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Angelica&lt;/td&gt;
              &lt;td&gt;Ramos&lt;/td&gt;
              &lt;td&gt;Chief Executive Officer (CEO)&lt;/td&gt;
              &lt;td&gt;London&lt;/td&gt;
              &lt;td&gt;$1,200,000&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Gavin&lt;/td&gt;
              &lt;td&gt;Joyce&lt;/td&gt;
              &lt;td&gt;Developer&lt;/td&gt;
              &lt;td&gt;Edinburgh&lt;/td&gt;
              &lt;td&gt;$92,575&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Jennifer&lt;/td&gt;
              &lt;td&gt;Chang&lt;/td&gt;
              &lt;td&gt;Regional Director&lt;/td&gt;
              &lt;td&gt;Singapore&lt;/td&gt;
              &lt;td&gt;$357,650&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Brenden&lt;/td&gt;
              &lt;td&gt;Wagner&lt;/td&gt;
              &lt;td&gt;Software Engineer&lt;/td&gt;
              &lt;td&gt;San Francisco&lt;/td&gt;
              &lt;td&gt;$206,850&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Fiona&lt;/td&gt;
              &lt;td&gt;Green&lt;/td&gt;
              &lt;td&gt;Chief Operating Officer (COO)&lt;/td&gt;
              &lt;td&gt;San Francisco&lt;/td&gt;
              &lt;td&gt;$850,000&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Shou&lt;/td&gt;
              &lt;td&gt;Itou&lt;/td&gt;
              &lt;td&gt;Regional Marketing&lt;/td&gt;
              &lt;td&gt;Tokyo&lt;/td&gt;
              &lt;td&gt;$163,000&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Michelle&lt;/td&gt;
              &lt;td&gt;House&lt;/td&gt;
              &lt;td&gt;Integration Specialist&lt;/td&gt;
              &lt;td&gt;Sidney&lt;/td&gt;
              &lt;td&gt;$95,400&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Suki&lt;/td&gt;
              &lt;td&gt;Burks&lt;/td&gt;
              &lt;td&gt;Developer&lt;/td&gt;
              &lt;td&gt;London&lt;/td&gt;
              &lt;td&gt;$114,500&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Prescott&lt;/td&gt;
              &lt;td&gt;Bartlett&lt;/td&gt;
              &lt;td&gt;Technical Author&lt;/td&gt;
              &lt;td&gt;London&lt;/td&gt;
              &lt;td&gt;$145,000&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Gavin&lt;/td&gt;
              &lt;td&gt;Cortez&lt;/td&gt;
              &lt;td&gt;Team Leader&lt;/td&gt;
              &lt;td&gt;San Francisco&lt;/td&gt;
              &lt;td&gt;$235,500&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Martena&lt;/td&gt;
              &lt;td&gt;Mccray&lt;/td&gt;
              &lt;td&gt;Post-Sales support&lt;/td&gt;
              &lt;td&gt;Edinburgh&lt;/td&gt;
              &lt;td&gt;$324,050&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Unity&lt;/td&gt;
              &lt;td&gt;Butler&lt;/td&gt;
              &lt;td&gt;Marketing Designer&lt;/td&gt;
              &lt;td&gt;San Francisco&lt;/td&gt;
              &lt;td&gt;$85,675&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Howard&lt;/td&gt;
              &lt;td&gt;Hatfield&lt;/td&gt;
              &lt;td&gt;Office Manager&lt;/td&gt;
              &lt;td&gt;San Francisco&lt;/td&gt;
              &lt;td&gt;$164,500&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Hope&lt;/td&gt;
              &lt;td&gt;Fuentes&lt;/td&gt;
              &lt;td&gt;Secretary&lt;/td&gt;
              &lt;td&gt;San Francisco&lt;/td&gt;
              &lt;td&gt;$109,850&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Vivian&lt;/td&gt;
              &lt;td&gt;Harrell&lt;/td&gt;
              &lt;td&gt;Financial Controller&lt;/td&gt;
              &lt;td&gt;San Francisco&lt;/td&gt;
              &lt;td&gt;$452,500&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Timothy&lt;/td&gt;
              &lt;td&gt;Mooney&lt;/td&gt;
              &lt;td&gt;Office Manager&lt;/td&gt;
              &lt;td&gt;London&lt;/td&gt;
              &lt;td&gt;$136,200&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Jackson&lt;/td&gt;
              &lt;td&gt;Bradshaw&lt;/td&gt;
              &lt;td&gt;Director&lt;/td&gt;
              &lt;td&gt;New York&lt;/td&gt;
              &lt;td&gt;$645,750&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Olivia&lt;/td&gt;
              &lt;td&gt;Liang&lt;/td&gt;
              &lt;td&gt;Support Engineer&lt;/td&gt;
              &lt;td&gt;Singapore&lt;/td&gt;
              &lt;td&gt;$234,500&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Bruno&lt;/td&gt;
              &lt;td&gt;Nash&lt;/td&gt;
              &lt;td&gt;Software Engineer&lt;/td&gt;
              &lt;td&gt;London&lt;/td&gt;
              &lt;td&gt;$163,500&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Sakura&lt;/td&gt;
              &lt;td&gt;Yamamoto&lt;/td&gt;
              &lt;td&gt;Support Engineer&lt;/td&gt;
              &lt;td&gt;Tokyo&lt;/td&gt;
              &lt;td&gt;$139,575&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Thor&lt;/td&gt;
              &lt;td&gt;Walton&lt;/td&gt;
              &lt;td&gt;Developer&lt;/td&gt;
              &lt;td&gt;New York&lt;/td&gt;
              &lt;td&gt;$98,540&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Finn&lt;/td&gt;
              &lt;td&gt;Camacho&lt;/td&gt;
              &lt;td&gt;Support Engineer&lt;/td&gt;
              &lt;td&gt;San Francisco&lt;/td&gt;
              &lt;td&gt;$87,500&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Serge&lt;/td&gt;
              &lt;td&gt;Baldwin&lt;/td&gt;
              &lt;td&gt;Data Coordinator&lt;/td&gt;
              &lt;td&gt;Singapore&lt;/td&gt;
              &lt;td&gt;$138,575&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Zenaida&lt;/td&gt;
              &lt;td&gt;Frank&lt;/td&gt;
              &lt;td&gt;Software Engineer&lt;/td&gt;
              &lt;td&gt;New York&lt;/td&gt;
              &lt;td&gt;$125,250&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Zorita&lt;/td&gt;
              &lt;td&gt;Serrano&lt;/td&gt;
              &lt;td&gt;Software Engineer&lt;/td&gt;
              &lt;td&gt;San Francisco&lt;/td&gt;
              &lt;td&gt;$115,000&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Jennifer&lt;/td&gt;
              &lt;td&gt;Acosta&lt;/td&gt;
              &lt;td&gt;Junior Javascript Developer&lt;/td&gt;
              &lt;td&gt;Edinburgh&lt;/td&gt;
              &lt;td&gt;$75,650&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Cara&lt;/td&gt;
              &lt;td&gt;Stevens&lt;/td&gt;
              &lt;td&gt;Sales Assistant&lt;/td&gt;
              &lt;td&gt;New York&lt;/td&gt;
              &lt;td&gt;$145,600&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Hermione&lt;/td&gt;
              &lt;td&gt;Butler&lt;/td&gt;
              &lt;td&gt;Regional Director&lt;/td&gt;
              &lt;td&gt;London&lt;/td&gt;
              &lt;td&gt;$356,250&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Lael&lt;/td&gt;
              &lt;td&gt;Greer&lt;/td&gt;
              &lt;td&gt;Systems Administrator&lt;/td&gt;
              &lt;td&gt;London&lt;/td&gt;
              &lt;td&gt;$103,500&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Jonas&lt;/td&gt;
              &lt;td&gt;Alexander&lt;/td&gt;
              &lt;td&gt;Developer&lt;/td&gt;
              &lt;td&gt;San Francisco&lt;/td&gt;
              &lt;td&gt;$86,500&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Shad&lt;/td&gt;
              &lt;td&gt;Decker&lt;/td&gt;
              &lt;td&gt;Regional Director&lt;/td&gt;
              &lt;td&gt;Edinburgh&lt;/td&gt;
              &lt;td&gt;$183,000&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Michael&lt;/td&gt;
              &lt;td&gt;Bruce&lt;/td&gt;
              &lt;td&gt;Javascript Developer&lt;/td&gt;
              &lt;td&gt;Singapore&lt;/td&gt;
              &lt;td&gt;$183,000&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Donna&lt;/td&gt;
              &lt;td&gt;Snider&lt;/td&gt;
              &lt;td&gt;Customer Support&lt;/td&gt;
              &lt;td&gt;New York&lt;/td&gt;
              &lt;td&gt;$112,000&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>javascript:</p>
  
  <pre><code>$(document).ready(function() {
  $('#example').DataTable( {
      "footerCallback": function ( row, data, start, end, display ) {
          var api = this.api(), data;
  
          // Remove the formatting to get integer data for summation
          var intVal = function ( i ) {
              return typeof i === 'string' ?
                  i.replace(/[\$,]/g, '')*1 :
                  typeof i === 'number' ?
                      i : 0;
          };
  
          // Total over all pages
          total = api
              .column( 4 )
              .data()
              .reduce( function (a, b) {
                  return intVal(a) + intVal(b);
              }, 0 );
  
          // Update footer
          $( api.column( 4 ).footer() ).html(
              '$'+ total +' total'
          );
      }
  } );
  } );
  </code></pre>
  
  <p><a href="https://jsfiddle.net/sLxbznx6/" rel="nofollow">https://jsfiddle.net/sLxbznx6/</a></p>
  
  <p>and I want to update total on search keyup. </p>
  
  <p>Can anybody give me any hint to do this? :)</p>
  
  <p>Thanks a lot :)</p>