When enabling column reorder functionality while having a <Column selectionMode="multiple" headerStyle={{ width: '3rem' }/> and <Column rowEditor /> in the same datatable, the selection mode column is duplicated for what ever reason.
Marked it as a bug. But as a warning not all datatable features are designed to work with other features. Having both reorderable rows and editable rows feels like a bad UI/UX
Describe the bug
When enabling column reorder functionality while having a
<Column selectionMode="multiple" headerStyle={{ width: '3rem' }/>
and<Column rowEditor />
in the same datatable, the selection mode column is duplicated for what ever reason.Reproducer
https://stackblitz.com/edit/uvmba6-qcunpx?file=src%2FApp.jsx
PrimeReact version
10.7.0
React version
18.x
Language
ES6
Build / Runtime
Create React App (CRA)
Browser(s)
tested in edge and chrome
Steps to reproduce the behavior
Seen result: Columns ended up as:
Expected behavior
Columns should be in the following order: