$(document).ready( function () {

​

var topIndex = 1;

​

var reorderType = $.fn.dataTable.absoluteOrderNumber([

    { value: topIndex, position: 'top' }

]);

​

var rolesTable = $('#roles_table').DataTable({

    rowReorder: { selector: '.allow-reorder' },

    columnDefs: [

        { targets: '_all', orderable: false },

        { targets: [2, 3], width: '10%', searchable: false },

        {

            targets: 0,

            type: reorderType,

            className: 'allow-reorder reorder',

            createdCell: function (td, cellData, rowData, row, col) {

                /*

                console.log('createdCell');

                if (!swap) {

                    console.log('push state');

                    state.push(rowData.slice()); // push a copy of rowData array

                }

                */

                if (cellData == topIndex) {

                    $(td).removeClass('allow-reorder reorder');

                }

            }

        }

    ]

});

​

  rolesTable.on( 'row-reordered', function ( e, diff, edit ) {

    console.log(diff);

    var topRow = false;  // Is top row involved in reorder?

    // Look for top row being reordered

    for (i=0; i<diff.length; i++) {

      d = diff[i];

      // Set topRow flag to 

      if (d.oldData == 1) {

        topRow = true;

        break;

      }

    }

    if (topRow) {

      // Fix the order after table draws

      rolesTable

        .one( 'draw', function () {

          // Itereate all reordered rows to reset them back to "oldData"

          for (i=0; i<diff.length; i++) {

            // Get the Datatable row

            var row = rolesTable.row( diff[i].node );

            // Get the row data

            var data = row.data();

            // Update the index column with the oldData (old index)

            data[0] = diff[i].oldData;

            // Apply the updated data

            row.data(data);

          }

          // Sort the table after the updates

          rolesTable.draw();

        });

    }

​

  } );

});

​