search

gregnb / mui-datatables

Datatables for React using Material-UI
MIT License
2.69k stars 932 forks source link

Column Drag not working #2020

Open Hugofv opened 10 months ago

Hugofv commented 10 months ago

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
Hugofv commented 10 months ago

I found one problem, when the propert selectableRows is 'multiple' the drag of column doesn't working, That work well when the value is none

dinhthi147 commented 1 month ago

Hi, I have this issue in my app recently when I use selectableRows = multiple and draggableColumns = true. @Hugofv did you find a way to work around ?

cristiandaulisio commented 1 week ago

i have the same problem. Any fix?