$(document).ready(function() {
setTimeout(function() {
// [ Basic Row Reorder ]
var basicrow = $('#basic-row-reorder').DataTable({
rowReorder: true
});
// [ Full Row Selection ]
var fullrow = $('#full-row-reorder').DataTable({
rowReorder: {
selector: 'tr'
},
columnDefs: [{
targets: 0,
visible: false
}]
});
// [ Responsive Integration ]
var resrow = $('#responsive-reorder').DataTable({
rowReorder: {
selector: 'td:nth-child(2)'
},
responsive: true
});
// [ Reorder Events ]
var rowevents = $('#reorder-events').DataTable({
rowReorder: true
});
rowevents.on('row-reorder', function(e, diff, edit) {
var result = 'Reorder started on row: ' + edit.triggerRow.data()[1] + '
';
for (var i = 0, ien = diff.length; i < ien; i++) {
var rowData = rowevents.row(diff[i].node).data();
result += rowData[1] + ' updated to be in position ' +
diff[i].newData + ' (was ' + diff[i].oldData + ')
';
}
$('#result').html('Event result:
' + result);
});
}, 350);
});