How to have a scrollable dynamic sized table

ian11 · 2025-03-06T22:50:49.716Z

Hey guys, I have been building on bubble for like 5 years and I still have no idea how to get what I want with responsive.

Here is what I am trying to accomplish:

image1920×945 140 KB

Of course, in the element tree there is not just three groups.

But if this screenshot is helpful to solving this, then have at:

image1920×945 93.3 KB

The end goal is just that the scrollable data in the middle is responsive, only as tall as the screen allows, with the rest of the elements staying in place at the top and bottom.

nfisher · 2025-03-06T23:40:02.345Z

you just need to make the header and footer floating groups with float relative to top and bottom respectively. Then with your table elements, put them in a group with margins the same size as your header and footer.

ian11 · 2025-03-07T15:16:36.341Z

hm. That won’t work in this case unfortunately. Not without a whole lot of work. The header changes with every menu click.

I know how to do that of course but I’d have to restructure the logic.

I was really hoping there was a way to just do it within the group that holds the content for each menu item.