Forum Documentation Showcase Pricing Learn more

How do I create headings that stay aligned with the repeating group columns?


#1

Hi everyone,

Really basic question here but I’m stuck and can’t seem to find this in the help. If I create a repeating list, how do I create text headings for the columns but have them stick to the actual column, so that when I resize etc they stay aligned? Here’s what I mean, this is in the editor:

Account Name and Billing Address are lined up properly. But when I preview I get this:

Trying to figure out how to keep the headings in line with the text on each column but wasn’t sure what I’m doing wrong!


#2

The trick I always do is to bake the header into the repeating group cell, but hide it if the current cell is not the first cell


#3

Thanks that seems to work! Bit clunky but serves the purpose. :slight_smile:


#4

Hey @lmoreau

Welcome to Bubble!

Another option is to match the settings of your header group, to that of the rg.

For example,

a repeating group:

And the header group:

And the column 1 header:

And column 1 value:

Just make sure everything matches up (ie. fixed width, responsive, width, x coordinates, etc.) both from header group to repeating group, but then also the column headers with the rg values.

You end up with this:
rg

The method from @andrew_bpco is legit as well…just another option to help you meet your exact needs.



Looking to accelerate your app development?

Development of Advanced Apps at https://uniqueideas.com or schedule a free intro session :gift:

Ken Truesdale
LinkedIn


#5

@mebeingken is correct.