Lining up components with columns in grid panel

Hi all,

I’ve got a data grid component with a repeating panel inside of it.

I’m finding that I can’t keep the column headers of the data grid aligned with the columns in the repeating panel. So basically I am using trial and error to see what works, and that takes a while.

in app:

in IDE:

I could get rid of the grid and just make my own column headers from a column panel as described here :

Just wondering if I am going about this the wrong way when using the data grid component.

Pointers are much appreciated.

It sounds like you’re using Column Panels inside your Repeating Panel? If so, try dropping Data Row Panels into the Repeating Panel instead. This should give you one slot per column of the Data Grid.

1 Like

Bam. That’s it Shaun!