Ability to manually drag and drop rows, to re-order rows in a table

Hey! We'd like to use a table to create programming for a show. After line items have been added, it would be useful to be able to re-order the rows manually by dragging and dropping a row.

This can be used in multiple scenarios like re-organizing or prioritizing a list for example.

1 Like

Second this request, would be useful! Also, feels appropriate that a tool that touts drag and drop allows us to create drag and drop experiences :smiley:

This is not really a traditional Table component feature (and I have used several over the years.) I can see a few potential side effects and complications to adding this capability.

I recommend using the re-orderable list. The data is then read-only but you can display it however you like. The downside is no click handler so you cannot say, click an item to open a modal to edit the show detail. Another feature request.

So maybe you have a table that allows all of your editing operations and then have the reorderable list as another UI component to specify the order - keep them separate.

Hello!

I was also hoping for this feature. Using the Reorderable List is a good enough workaround, but it has two main issues in my use case:

  • can't add "operations" buttons to each row like Delete or Edit
  • can't change the style of the list itself, only the html for each entry can be customised

To deal with the first one we will continue with the table but added a button on the page to "reorder rows" which opens a modal with the reorderable list... not perfect but works for now.

The second one is a bit worse because the reorderable list is not exactly user friendly and we have little control over what we can change.

Hey @antssilva96 Thanks for requesting this on the community and for sharing your existing setup. We don't have plans to add this functionality to the table component at the moment, but I have passed along your feedback internally to our engineering team. I'll update this post if there's a status update on this feature request!

@everett_smith any updates on this feature? Building project schedules with Milestones, this would be very helpful to be able to group a table by Milestone, and then drag and drop tasks into the milestones.

If anyone has a workaround for this please let me know.

Hi there! We are still tracking requests for this use case, but it's not something we've been able to prioritize quite yet :disappointed: Will post here if I get any updates though!

Would love this. The reorderable list doesn't work for me as I can't add text boxes to it. The only thing the table is missing is the reorderable functionality (via drag and drop).

Workaround of course is to use an "order" column

Hi! This would be really useful. Please bump up in priority.

Hi @nl-setech thanks for chiming in! Your +1 is noted :slightly_smiling_face:

We don't have a team working on this at the moment, unfortunately. Our current recommendation is still to use a custom component until this gets added to our roadmap. We'll follow up here if it gets prioritized

Hey, another +1 here – this feature would be super useful and I'm struggling to find an alternative to this use case with your other components