$(document).ready( function () {

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

    ajax: {

      url: '/examples/ajax/data/arrays.txt'

    },

    dom: 'frtip<"Submit">',  

    columns: [

      {title: 'Name', data:0},

      {title: 'Postion', data: 1, defaultContent: '',

       render: function (data, type, row, meta) {

         if (type === 'display') {

           // Optionally use `meta` parameter as the row index for the `id`

           return '<input type="text" id="row-' + meta.row + '-position" name="position" value="' + data + '">'

         }

       }

      } //this will be the input box

    ]

  });

    $("div.Submit").html('<button type="button" class="btn" id="DetailButton" >Process Data</button>');

    $('#DetailButton').on('click', function () {

      var data = table.rows().data().toArray();

      console.log(data);

      /*

        var data = table.$('input, select').serialize();

        alert(

            "The following data would have been submitted to the server: \n\n"+

            data.substr( 0, 120 )+'...'

        );

      */

    });

  $('#example').on('change', 'input[name="position"]', function () {

    // Get input value

    var val = $(this).val();

    // Get row and row data

    var row = table.row( this.closest('tr') );

    var data = row.data();

    //. Update data with input

    data[1] = val;

    // Write data back to Datatables cache

    row.data( data ).draw();

  });

});

​