Resorting table rows with Draggable Elements?

Ghoul · 2024-12-14T22:23:12.907Z

Hello Bubble Friends,
I have a table where each row four columns.

Using Bubble’s Draggable Elements plugin, is it possible for user to drag an entire row of that table from its existing index location, and dropping it into a different index location within the same table, resulting in the table rows being resorted?

All day I’ve been coming up empty trying to figure out the workflow just to resort the indexes of a single column repeating group, yet alone a row from a table.

Thoughts?

mitchbaylis · 2024-12-15T02:49:35.230Z

yes very possible.

put a dropzone in each row, drag group for the row. now you can drag a row onto another row.

then it’s just a matter of using row index to tell bubble where to insert the row you dropped.

Ghoul · 2024-12-15T20:03:14.237Z

Hello, thanks for responding.

The issue seems to be though that each row contains four columns. So far I haven’t found a way to create a single drag/drop element and drop zone that extends across four columns of a row.

johncaulkins · 2024-12-16T00:41:05.468Z

Screenshots?

mitchbaylis · 2024-12-16T01:54:39.615Z

you need to use a repeating group not a table element

put the 4 columns within a single row that is a drop zone

Ghoul · 2024-12-21T19:44:23.121Z

@mitchbaylis @johncaulkins
Apologies for my delayed response, I’ve been out with a cold. Anyways…

I made my table a single column, entered initial content from the database, I made the drop area, and the drag/drop elements, etc. I’m currently getting no drag and drop action. I have no workflows yet, so obviously no drop function shouldn’t be working, but I feel I should be able to grab a row and drag it only for it to “move back” to its index; but right now when I go to preview the page it just looks like a repeating group with zero drag and drop function.

Screenshots:

Screenshot 2024-12-21 at 2.34.36 PM2084×934 130 KB

Screenshot 2024-12-21 at 2.35.49 PM1294×856 75.9 KB

Screenshot 2024-12-21 at 2.36.00 PM1322×858 82.8 KB

Screenshot 2024-12-21 at 2.36.14 PM1322×886 86.6 KB

Screenshot 2024-12-21 at 2.36.26 PM1320×892 87.7 KB

Screenshot 2024-12-21 at 2.36.34 PM1300×852 87.3 KB

Screenshot 2024-12-21 at 2.36.47 PM1314×850 85 KB

system · 2025-02-22T22:24:11.680Z

This topic was automatically closed after 70 days. New replies are no longer allowed.