$(function($){

    $("tbody", "#example").on("click", "td",

                             function() {alert(this.innerText); }) ;

  var dataStore = [];

  for(var i = 0; i < 25; ++i){

     var a = Math.floor((Math.random() * 100) + 1);

     var b = Math.floor((Math.random() * 100) + 1);

     dataStore[dataStore.length] = {ColumnA:a, ColumnB:b};

  }

​

 table = $('#example').DataTable( {

      dom:"iptlf",

    "data": dataStore,

    "columnDefs":[{targets:[2,3], render:function(){return '<input type="text" value="0" size="10"/>';}}],

    "columns": [

        { "data": function(a, b, c, d){debugger;}, "title":"ColumnA", "defaultContent": "NA" },

        { "data": "ColumnB", "title":"ColumnB", "defaultContent": "NA" },

        { "data": null, className:"inputA", "title":"Input A"},

        { "data": null, className:"inputB", "title":"Input B"}

    ]

    });

    $("#example .inputA").on("change", "input", function(){doTable(this, "ColumnA");});

    $("#example .inputB").on("change","input", function(){doTable(this, "ColumnB");});

    $("button").click(function(){

    console.log(table.$('input').serialize());

    });

});

​

function doTable (target, name){

​

  var $row = $(target).closest("tr");

  var addVal = $(target).val();

  var data = $("#example").DataTable().rows($row).data()[0];

  data[name] = parseInt(addVal) + data[name];

​

   $("#example").DataTable().rows($row).invalidate().draw();

}