gregnb / gregnb/mui-datatables

[Feature Suggestion] Draggable Rows

Open
#1,423 5 comments 15 reactions 0 assignees View on GitHub
community feedback enhancement investigate further
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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.