rowReorder only moves one row at a time

elivesey

Having an issue with rowReorder, where it will only drag my selected row up/down one row at a time. I've used rowReorder before and it worked dragging more than one row, so wondering if it is because this one is in a modal. Below is the table definitions I am using. Did see a post to try and use add snapX: -5, but that didn't work for me. Anyone see anything wrong?

Code : https://jsfiddle.net/elivesey/Lry9n6cy/178/

Full Screen: https://jsfiddle.net/elivesey/Lry9n6cy/178/show/

Thanks,
Eric

var table = $('#splitList').DataTable({
  fixedHeader: true,
  responsive: true,
  rowReorder: {
    selector: 'td:last-child'
  },      
  columnDefs: [{
    orderable: true,
    targets: 0
  }, {
    orderable: true,
    className: 'reorder',
    targets: '_all'
  }],
  order: [
    [4, 'asc']
  ],
  paging: false,
  info: false,
  searching: false
});