topic Re: How to respect index in a for loop in CMS Development

How to respect index in a for loop

jdepumpo — Mon, 05 Nov 2018 21:29:29 GMT

I'm trying to make a table that for loops through repeating fields.

I've managed to get the for loop working:

      <tbody>
      {% for title in module.detailgroup.titledata %}
      {% for detail in module.detailgroup.detaildata %}
        <tr>
          <td data-title="{{ module.headergroup.titlecolumnheader }}">
            {{ title }}
          </td>
          <td data-title="{{ module.headergroup.detailcolumnheader }}">
            {{ detail }}
          </td>
        </tr>  
        {% endfor %}
        {% endfor %}
      </tbody>

The for loop part works, here is the result:

The problem is that I want the table to respect the loop index, i.e.:

Title 1 | Data 1

Title 2 | Data 2

I think I need to add an if statement that incorporates loop.index, but I'm not exactly sure how to do that/if that is the best method.

Thanks for your help.

Re: How to respect index in a for loop

valerajoey — Wed, 07 Nov 2018 03:14:19 GMT

hey there,
First I suggest grouping your fields, but based on your code you have a {{ detail }} looping inside your {{ title }}, its a bit confusing which loop.index where you looking for? maybe a bit of explaination.

Re: How to respect index in a for loop

jdepumpo — Wed, 07 Nov 2018 17:16:34 GMT

Sorry, my question was a bit unclear.

      <tbody>
      {% for title in module.detailgroup.titledata %}
      {% for detail in module.detailgroup.detaildata %}
        <tr>
          <td>
            {{ title }}
          </td>
          <td>
            {{ detail }}
          </td>
        </tr>  
        {% endfor %}
        {% endfor %}
      </tbody>

Right now I am looping through the respective fields of titledata and detaildata. It loops through all of the fields, but does not respect the index.

My desired result is to have the loop.index match the table row number. In other words, the loop index of Title1 and Detail1 are both 1, so they should be displayed in row 1, like so:

(Row 1) Title 1 | Detail 1
(Row 2) Title 2 | Detail 2
etc..

Thanks!

Re: How to respect index in a for loop

valerajoey — Thu, 08 Nov 2018 04:04:33 GMT

instead of looping to your title and detail repeater. try grouping this two fields together and make it a repeater group.
ex: {{ table_row }}

 <tbody>
      {% for row in  module.detailgroup.table_row %}
        <tr>
          <td>
            {{ row.titledata }}
          </td>
          <td>
            {{ row.detaildata }}
          </td>
        </tr>  
        {% endfor %}
      </tbody>

you don't need the titledata and detaildata to be a repeater.

the problem if you have max-out your nested group.

best of luck,

Re: How to respect index in a for loop

jdepumpo — Fri, 09 Nov 2018 14:16:44 GMT

Brilliant!

I didn't realize you could set groups as repeaters too. Thanks so much!