function format ( d ) {

    // `d` is the original data object for the row

  //console.log(d);

    return '<table cellpadding="5" cellspacing="0" border="0" style="padding-left:50px;">'+

        '<tr>'+

            '<td>Extension number:</td>'+

            '<td>'+d.extn+'</td>'+

        '</tr>'+

        '<tr>'+

            '<td>Office Details:</td>'+

            '<td>'+d.details+'</td>'+

        '</tr>'+

    '</table>';

}

​

​

$(document).ready(function() {

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

      ajax: "/ajax/objects.txt",

      order: [[1, 'asc']],

      columns: [

            {

                className:      'details-control',

                orderable:      false,

                data:           null,

                defaultContent: ''

            },

            { data: "name" },

            { data: "position" },

            { data: "salary" },

       ],

       drawCallback: function () {

         //  Simulate adding extra data to each row

         this.api().rows().every(function ( rowIdx, tableLoop, rowLoop ) {

            this.data().details = this.data().office;

      } );

       }

    } );

​

    // Add event listener for opening and closing details

    $('#example tbody').on('click', 'td.details-control', function () {

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

        var row = table.row( tr );

        if ( row.child.isShown() ) {

            // This row is already open - close it

            row.child.hide();

            tr.removeClass('shown');

        }

        else {

            // Open this row

            d = row.data();

            row.child( format(d) ).show();

            tr.addClass('shown');

        }

    } );

​

$('#example').on('draw.dt', function () {

    lastPage = $('#example').DataTable().page();

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

    table.rows({ page: 'current' }).every(function () {

        var row = this;

        if (row.child.isShown()) {

​

            row.child.hide();

            $(this.node()).removeClass('shown')

            // Remove from the 'open' array

            //detailRows.splice(row.index, 1);

        }

    });

});

} );