Allow reordering records in the List view via drag-and-drop

[jmikrut]

We should support reordering document in the List view by some specified field property. It should support drag-and-drop.

[coxmi]

Would you also consider a hierarchical list view, with drag and drop?

[jmikrut]

Yes, but I think this would be a separate feature request. Still could be doable!

[quornik]

Reordering bu also delete and bulk delete of records, would be great features.

[jmikrut]

Yeah! That is also on our radar and ..... prioritized first!

#1382

[jacobsfletch]

Related: #1498

[phillipmalboeuf]

Hey gang @jmikrut @jacobsfletch, I've started work on this, see discord thread: thread and github compare
Could you let me know what kind of tests and documentation would be needed for it?

[JarrodMFlesch]

This is very cool.

[phillipmalboeuf]

Opened a PR: #1865

[58bits]

Hi all - have not looked at this closely, nor at @phillipmalboeuf 's solution - but thought you might find this interesting https://youtu.be/5SQkOyzZLHM (although we're also a @dnd-kit user)

[r1tsuu]

I was looking for another discussion, but i have a plugin that does exactly that https://github.com/r1tsuu/payload-plugin-collections-docs-order (i believe the PR that merged here is about "column sorting in the list vew", not "document sorting by a specific field".
Any chance it could be in the core of Payload / or as a plugin in the Payload repo? If yes, i can help with a PR, just give me some feedback about how well or not i done that and maybe suggestions to the code usage/uiux.

[architechx]

are you no longer maintaining this? I tried installing but ran into a few problems

[58bits]

@r1tsuu - thanks for this - this is great. We'd also love to see this feature in core - ideally as an option of the main list view - although your solution is also excellent . Our current approach is to create an integer-based 'order' column, which we manually place padded index / order values in - which isn't ideal. Below is a screen shot for a 'Bios' listing, which we regularly use in pages like 'Our Team' etc.

Will take a closer look at your plugin soon ;-)

[r1tsuu]

@r1tsuu - thanks for this - this is great. We'd also love to see this feature in core - ideally as an option of the main list view - although your solution is also excellent . Our current approach is to create an integer-based 'order' column, which we manually place padded index / order values in - which isn't ideal. Below is a screen shot for a 'Bios' listing, which we regularly use in pages like 'Our Team' etc. Will take a closer look at your plugin soon ;-)

We also used this approach, but i believe it was looking kinda bad for clients. My plugin now solves this for me quite well, if you'll find something that could be improved or added you can freely create an issue / PR

[bespoke-dungnguyen]

I want this feature

[LuVe96]

In addition to reordering, it may be worthwhile to structure nested documents (via the nestedDocsPlugin) in a tree view, allowing for drag-and-drop customization.

For example, the CMS Statamic offers a similar feature. Alongside the default list view, it includes a tree view where entries can be reordered via drag-and-drop. The tree view also supports nesting, meaning entries with a parent are displayed hierarchically beneath their parent entry.

[jeremybasolo]

up, it would be great to have this feature into core

[GermanJablo]

This feature is already done!

In the next release, there will be two major improvements:

1. You will be able to add orderable: true to a collection with existing documents (currently, you'll get an error).
2. The DnD experience will be improved, thanks to @akhrarovsaid!

Thank you all for your comments!

[claster-studio]

thx from 2025

[joshdavenport]

That's incredible! Thanks so much for the hard work everyone

[kristian240]

Hi @GermanJablo @jmikrut 👋🏼 ! There are some issues with this feature, some of it are already done (e90ff72 and 3287f70) but not released yet and some have open PRs (#12129). When can we get new changes released?