footer sum not working with on change in the input column

noodle_lin

Link to test case:

http://live.datatables.net/cepasoda/1/edit

Debugger code (debug.datatables.net):

$(document).ready( function () {
  var table = $('#example').DataTable({
                    "columnDefs": [
                        {
                            targets: -1,
                            render: function (data, type, row, meta) {
                                if (type === 'display') {
                                    return '<input type="input" name="' + row[1] + '">';
                                }
                                return data;
                            },
                        }
                    ],
                    destroy: true,
                });
  
   $("#example tbody").on('change', 'input', function () {
     var intVal = function (i) {
       return typeof i === 'string' ?
         i.replace(/[\$,]/g, '') * 1 :
       typeof i === 'number' ?
         i : 0;
     };
     var total = 0;
     table.cells(null, -1, {
       page: 'all'
     }).nodes()
     .each(function (n) {
       total += intVal($(n).val());
     });
     $(table.column(-1).footer()).data(total).draw();
   });
  
} );

Error messages shown:
Description of problem:

noodle_lin

@colin

colin

You had a few mistakes in the test case, such as
1. console error saying data().draw() doesn't exist
2. you were summing the td, not the input element within it

Please see updated test case here: http://live.datatables.net/cepasoda/2/edit

Colin

noodle_lin

oh!fabulous!thx so much.