gregnb / gregnb/mui-datatables
[Feature Suggestion] Draggable Rows
- Dominant language
- JavaScript
- Stars
- 2.7k
- Forks
- 906
- PR merge metrics
- No merged PRs in 30d
Description
[There are often times when people need to draggable rows](https://dev.to/milandhar/drag-and-drop-table-with-react-beautiful-dnd-54ad) for their personal projects. For example, some people like to sort rows by a certain sort order. I've noticed that this feature is really something that has to be hard coded into mui-datatables if we want 100% working draggable rows. Furthermore, I've noticed this functionality has been talked about in the "tables" community and this could be a feature that makes developers want to use mui-datatables. With my specific use case, I use react-beautiful-dnd on a customRowRender option, but I am unable to get the provided placeholder to work properly because I don't have control of the tablebody. When I use the tablebody custom component, it re-renders the whole body.
TLDR; It would be awesome to have a draggableRows option :)
Thanks for your time and have a great day.
Contributor guide
No contributing guide indexed for this repository
Research direction
Start by reading the customRowRender and tablebody customization paths, then inspect how React table rows and placeholders are rendered. The requested feature is done when a draggableRows option supports reordering rows without the table body re-rendering incorrectly, including the react-beautiful-dnd placeholder behavior described in the issue.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, react
- Domain
- frontend
- Issue type
- Feature
- Difficulty
- 5/5
- Estimated time
- Over a week
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 30/100