Column Drag not working

Column Drag not working

## Expected Behavior
All collumn drag order working well

## Current Behavior
My table have around 20 column and just 5 first column the drag to change order of column are working, I think that it's because of the scroll just the column that are in view port the first render are working

## Steps to Reproduce (for bugs)

1. Put more than 10 column
2. The column that are in the middle the end the drag to change order doesn't working

## Configuration

`const tableOptions = {
enableNestedDataAccess: '.',
responsive: 'vertical',
selectableRows: 'multiple',
selectToolbarPlacement: 'none',
selectableRowsOnClick: true,
download: true,
print: false,
filter: false,
search: false,
viewColumns: false,
draggableColumns: {
enabled: true,
transitionTime: 300,
},
downloadOptions: {
separator: ';',
filename: 'Consulta Avançada.csv',
filterOptions: {
useDisplayedColumnsOnly: true,
useDisplayedRowsOnly: true,
},
},
}`

| Tech | Version |
|--------------|---------|
| Material-UI | 4.11.4 |
| MUI-datatables | 3.8.5 |
| React | 16.9.0 |
| browser | Chrome |
| etc | |