How to Create a Resizable "Repeating Group"

[collins1]

Hi everyone,

I’m exploring ways to implement a dynamic and user-friendly “repeating group,” “table,” or “grid” with the specific requirement of allowing users to resize columns directly on the UI.

I’ve been exploring options within Bubble.io, but I haven’t found a straightforward way to implement this feature. Could you please guide me on how to achieve this functionality? Any tips, tricks, or plugin recommendations would be greatly appreciated.

Thank you all in advance for your valuable input! Looking forward to your insights.

[nickdev]

U should be watching some tutorials of responsiveness and repeating group in YouTube

[rico.trevisan]

I just looked around and couldn’t find any that talk about resizable RGs.

@collins1 , my hunch is that the solution is either a plugin or raw-doggin’ some js & css & html.
Here’s a plugin that does resizing:

demo

market place

[ihsanzainal84]

Here’s how i did it:

Matching row widths to your custom table's headers

Hi Bubblers! Just wanted to share an example of how you can match the widths of a cell in one repeating group with others in another repeating group, you’ll find this most useful when making your own custom tables. All you’ll need is some basic CSS knowledge and the Classify plugin. You can find the demo here: Or go straight to the editor here: Hope this helps you in your Bubble journey!