primefaces / primefaces/primereact
DataTable: Column Reorder Indicator Incorrect
Open
Nobody has claimed this yet.
Status: Needs Triage
- Dominant language
- CSS
- Stars
- 8.3k
- Forks
- 1.2k
- PR merge metrics
- No merged PRs in 30d
Description
Describe the bug
When reordering columns, the indicator icon will sometimes show up in the incorrect position
Reproducer
https://stackblitz.com/edit/optnbv?file=src%2FApp.jsx
PrimeReact version
10.6.5
React version
18.x
Language
ALL
Build / Runtime
Vite
Browser(s)
No response
Steps to reproduce the behavior
- Drag the Code column over the Name column
- Observe that while dragging over the left half of the Name column, the indicator is shown to the left of the column containing the row reorder icons
- Drop the column at that position and observe that the Code column is now to the right of the Name column as expected
Expected behavior
The column reorder indicator should always be displayed to the right of the Name column when hovering over it
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start with the reproducer in src/App.jsx and follow the DataTable column-reordering behavior shown in the StackBlitz example. Reproduce the drag over the left half of the Name column; done means the indicator is displayed to the right of Name while the resulting column order remains correct.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Clearly specified
- Newbie friendliness
- 45/100