$(document).ready(function() {

    // Setup - add a text input to each footer cell

    $('#example thead tr:eq(1) th').each( function () {

        var title = $(this).text();

        $(this).html( '<input type="text" placeholder="Search '+title+'" class="column_search" />' );

    } );

    // DataTable

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

      pageLength: 1,

      "columns": [

                { "data": "Name" },

                { "data": "activateCheck" },

                { "data": "button" }

            ],

      orderCellsTop: true

    });

// Apply the search

    $( '#example thead'  ).on( 'keyup', ".column_search",function () {

        table

            .column( $(this).parent().index() )

            .search( this.value )

            .draw();

    } );

​

  $('body').off('click').on('click', '.updateButton',function()   {

        var currentRow = $(this).closest('tr');

        var currentCheckbox = currentRow.find('.activateCheck');

        console.log('HTML checkbox: ' + currentCheckbox.is(':checked'));

​

        var row = table.row(currentRow);

        var data = row.data();  //get row data

        DTcheckbox = $(data.activateCheck);  //get checkbox

        //set chekcbox data true/false based on HTML checkbox

        DTcheckbox.prop('checked', currentCheckbox.is(':checked'));

        //update Datatables data.activateCheck for the row

        data.activateCheck = DTcheckbox;

        console.log('DT checkbox: ' + data.activateCheck.is(':checked'));

​

        //row.invalidate().draw();

        //var isChecked = $($.parseHTML( row.data()['activateCheck'] )).is(':checked') ? 1 : 0;

​

        //console.log('isChecked:' + isChecked);

   });

  $('#state').click(function(){

    //loop every row

    table.rows().every( function ( rowIdx, tableLoop, rowLoop ) {

      var d = this.data();

      console.log(d.Name + ' checked state: ' + $(d.activateCheck).is(':checked'));

​

} );

​

});  

} );