# Repeating group not adding more columns when stretched

**URL:** <https://forum.bubble.io/t/repeating-group-not-adding-more-columns-when-stretched/12825>\
**Category:** Responsiveness\
**Created:** [April 25, 2017, 2:45am UTC](https://forum.bubble.io/t/repeating-group-not-adding-more-columns-when-stretched/12825 "2017-04-25T02:45:51Z")\
**Posts on this page:** 13\
**Page:** 1

<div class="post-metadata">

**Author:** ![blueback09](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/blueback09/32/7122_2.png) [@blueback09](https://forum.bubble.io/u/blueback09)\
**Post date:** [April 25, 2017, 2:45am UTC](https://forum.bubble.io/t/repeating-group-not-adding-more-columns-when-stretched/12825/1 "2017-04-25T02:45:51Z")

</div>

Do I have this repeating group setup incorrectly?

I’m working at 320px wide and telling it to stretch and add more columns if the screen gets bigger. But it’s not doing that.  
 ![](https://us1.discourse-cdn.com/bubble/original/2X/f/f3be9cd7f60d846d7fc56105923d14758941464a.jpg)

In fact it says the repeating group is already at its maximum width.

 ![](https://us1.discourse-cdn.com/bubble/original/2X/5/5fbc318c3094a99de891d4363a666e50ef6eeec1.jpg)

This is how the element parameters are set up

 ![](https://us1.discourse-cdn.com/bubble/original/2X/2/2148167949e9512be9fa5bc7ac4c4e799edbcb53.jpg)

---

<div class="post-metadata">

**Author:** ![Scott](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/scott/32/565_2.png) [@Scott](https://forum.bubble.io/u/Scott)\
**Post date:** [April 25, 2017, 4:09am UTC](https://forum.bubble.io/t/repeating-group-not-adding-more-columns-when-stretched/12825/2 "2017-04-25T04:09:24Z")

</div>

Is the parent group restricting the width of the repeating group?

---

<div class="post-metadata">

**Author:** ![blueback09](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/blueback09/32/7122_2.png) [@blueback09](https://forum.bubble.io/u/blueback09)\
**Post date:** [April 25, 2017, 4:30am UTC](https://forum.bubble.io/t/repeating-group-not-adding-more-columns-when-stretched/12825/3 "2017-04-25T04:30:18Z")

</div>

It doesn’t have a parent group. It’s just sitting on the page, which doesn’t have a max width.

Actually I just tried grouping the repeating group, so that it does have a parent group. The group stretches to the same width as the page, but the repeating group stays the same fixed width.

---

<div class="post-metadata">

**Author:** ![blueback09](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/blueback09/32/7122_2.png) [@blueback09](https://forum.bubble.io/u/blueback09)\
**Post date:** [April 26, 2017, 12:12am UTC](https://forum.bubble.io/t/repeating-group-not-adding-more-columns-when-stretched/12825/4 "2017-04-26T00:12:42Z")

</div>

@emmanuel Is this a bug? I’ve found that the repeating group fails to stretch when it doesn’t have a border. If I change nothing else except changing “border style” from “none” to “solid” all of a sudden the repeating group stretches and adds columns like it’s supposed to.

It’s happening here [http://howstr.com/version-test/stretch\_test?debug\_mode=true](http://howstr.com/version-test/stretch_test?debug_mode=true)  
[https://bubble.io/page?type=page&name=stretch\_test&id=howstr&tab=tabs-1](https://bubble.io/page?type=page&name=stretch_test&id=howstr&tab=tabs-1)

It’s not happening here [https://general-testing.bubbleapps.io/version-test/stretch-test?debug\_mode=true](https://general-testing.bubbleapps.io/version-test/stretch-test?debug_mode=true)  
[https://bubble.io/page?type=page&name=stretch-test&id=general-testing&tab=tabs-1](https://bubble.io/page?type=page&name=stretch-test&id=general-testing&tab=tabs-1)

---

<div class="post-metadata">

**Author:** ![Scott](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/scott/32/565_2.png) [@Scott](https://forum.bubble.io/u/Scott)\
**Post date:** [April 26, 2017, 2:13am UTC](https://forum.bubble.io/t/repeating-group-not-adding-more-columns-when-stretched/12825/5 "2017-04-26T02:13:57Z")

</div>

After playing around in a bit (in a cloned page), the minimum cell width was preventing the repeating group from behaving responsively. Changing it from 320 to 100 resolved the issue.

---

<div class="post-metadata">

**Author:** ![blueback09](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/blueback09/32/7122_2.png) [@blueback09](https://forum.bubble.io/u/blueback09)\
**Post date:** [April 26, 2017, 2:57am UTC](https://forum.bubble.io/t/repeating-group-not-adding-more-columns-when-stretched/12825/6 "2017-04-26T02:57:33Z")

</div>

Huh…yeah that parameter does seem to control whether or not it adds columns when it stretches. Maybe the border is just invisibly changing the width by 1 or 2 pixels, accomplishing the same thing?

So as long as “cell min width” is less than 320 (in this case) then multiple columns appear when the repeating group is stretched. 320, or 321, or 400, result in only one column even when stretched.  
 ![](https://us1.discourse-cdn.com/bubble/original/2X/0/09950ec244573559621035c12a5fb3248ccaa9d1.jpg)

That doesn’t seem like the correct behavior, does it? @emmanuel

> **[Introduction](https://manual.bubble.io/)**
>
> Welcome to the Bubble Docs.

> When the page is responsive, specify the smallest width the cells can have when the page is resized. When the page becomes too narrow for all the cells to have that width, the repeating group displays fewer cells per row.

---

<div class="post-metadata">

**Author:** ![emmanuel](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/emmanuel/32/27657_2.png) [@emmanuel](https://forum.bubble.io/u/emmanuel)\
**Post date:** [April 26, 2017, 9:41am UTC](https://forum.bubble.io/t/repeating-group-not-adding-more-columns-when-stretched/12825/7 "2017-04-26T09:41:20Z")

</div>

The cell min width has to be lower than the element’s width for this to work. We’ll update the reference, we shouldn’t even allow users to do this…

---

<div class="post-metadata">

**Author:** ![arnold.smyth](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/arnold.smyth/32/21594_2.png) [@arnold.smyth](https://forum.bubble.io/u/arnold.smyth)\
**Post date:** [January 25, 2019, 1:10pm UTC](https://forum.bubble.io/t/repeating-group-not-adding-more-columns-when-stretched/12825/8 "2019-01-25T13:10:41Z")

</div>

I just spent ages trying to figure this out until I came to this topic on the forum. I had my Repeating Group and minimum width set to the same value.

[The documentation](https://bubble.io/reference#Elements.RepeatingGroup.allow_more_than_one_colum) still doesn’t reflect how it actually works. It only says:

> By default, if a repeating group only has one column, e.g., Excel sheet style, no more columns are added when the page is stretched. To change this behavior, check this box.

I think that you should either make it function so that we can only enter 99% like a regular group OR add something like this to the documentation - \>This behaviour will only work as expected if the minimum cell width is less than the Repeating Group Width.

---

<div class="post-metadata">

**Author:** ![zach.merritt](https://avatars.discourse-cdn.com/v4/letter/z/df705f/32.png) [@zach.merritt](https://forum.bubble.io/u/zach.merritt)\
**Post date:** [April 23, 2020, 1:07am UTC](https://forum.bubble.io/t/repeating-group-not-adding-more-columns-when-stretched/12825/9 "2020-04-23T01:07:31Z")

</div>

Sorry to bother you @blueback09 , could you help me out here. I’m able to have more than 1 column added, but the columns won’t continue to be added for the full width of the parent element (which is what I’d want).  
Here’s my set-up for the repeating group:  
 ![image](https://us1.discourse-cdn.com/bubble/original/3X/4/0/40e3ca703aa12d943d96ecfe0e762d3c98515163.png)  
Here’s my set-up for the image inside the repeating group:  
 ![image](https://us1.discourse-cdn.com/bubble/original/3X/9/0/90b877f4c2c3be98464f97040f66be48a761666b.png)

Here’s how it looks in preview:

 ![image](https://us1.discourse-cdn.com/bubble/original/3X/c/8/c815a10fdbf078d4501ec0095fa042224db02598.jpeg)

I’d like it to go the full width of the page, which I can weirdly make happen if I make the whole page width 300, which gets me the preview below:

 ![image](https://us1.discourse-cdn.com/bubble/original/3X/e/0/e060725a88cfbada472459b53913aa77a17021c8.jpeg)

---

<div class="post-metadata">

**Author:** ![zach.merritt](https://avatars.discourse-cdn.com/v4/letter/z/df705f/32.png) [@zach.merritt](https://forum.bubble.io/u/zach.merritt)\
**Post date:** [April 23, 2020, 3:53am UTC](https://forum.bubble.io/t/repeating-group-not-adding-more-columns-when-stretched/12825/10 "2020-04-23T03:53:03Z")

</div>

Hi @emmanuel I just checked what I posted above in a new app with a very clean example. Would this be a bug? I’m sorry I’m new to the community, so not sure if this is something I should post as a bug.

---

<div class="post-metadata">

**Author:** ![Minty](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/minty/32/80689_2.png) [@Minty](https://forum.bubble.io/u/Minty)\
**Post date:** [December 19, 2020, 12:18am UTC](https://forum.bubble.io/t/repeating-group-not-adding-more-columns-when-stretched/12825/11 "2020-12-19T00:18:29Z")

</div>

FYI the reference is still not updated even 3 years later.

I have spent all morning trying to figure this out, and luckily just now found this thread.

Seems like an easy fix to update the reference to avoid that frustration for others 🙂

---

<div class="post-metadata">

**Author:** ![rich3](https://avatars.discourse-cdn.com/v4/letter/r/e99b99/32.png) [@rich3](https://forum.bubble.io/u/rich3)\
**Post date:** [August 14, 2021, 12:15pm UTC](https://forum.bubble.io/t/repeating-group-not-adding-more-columns-when-stretched/12825/12 "2021-08-14T12:15:08Z")

</div>

@Emmanuel this still doesn’t seem to work?

---

<div class="post-metadata">

**Author:** ![luminrabbit](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/luminrabbit/32/103740_2.png) [@luminrabbit](https://forum.bubble.io/u/luminrabbit)\
**Post date:** [November 15, 2021, 11:46pm UTC](https://forum.bubble.io/t/repeating-group-not-adding-more-columns-when-stretched/12825/13 "2021-11-15T23:46:13Z")

</div>

Hello everyone,

Im having the same issue, in my setup I have a one column RG and it will only repeat 3 to 4 times but never seems to get past 3/4 ths of the page.

In this instance I need to have a one column RG for the functionality Im trying to achieve because I also have other RG;s inside of it but would really like to have it be able to go all the way across the screen.

Setting the Cell min width, did not help in this situation.

**EDIT:** I supose the answer is use the new responsive system thats in beta 🙂
