There is a problem with @devexpress/dx-react-grid-material-ui when reordering the columns and if the grid has a fixed column in place , if we drop the column on another column and not drop it in the given spot , it moves the column to right ( after fixed column ).
Expected is if its not dropped in either right of left of a column it has to go back to its original location.
Imports code :
import {
...
TableColumnResizing,
TableFixedColumns,
...
} from '@devexpress/dx-react-grid-material-ui';
Fixed column code :
<TableFixedColumns
leftColumns={[fixedColumns.concat('action'), TableSelection.COLUMN_TYPE]}
rightColumns={['command']}
cellComponent={FixedCell}
/>
Column reordering code :
<TableColumnReordering defaultOrder={columns.map((column) => column.name)} />