twigfiddle.com - Fiddle 0h54xy v5 - Created on October 19, 2016 12:33

More options...

Title

File

{% for column in cities|batch(4, null) %}
  <ul>
    {% for city in column %}
      <li class="city-item"><a href="#">{{ city }}</a></li>
    {% endfor %}
  </ul>
{% endfor %}

File

{% if cities|length  %}
  {% set citiesPerColumn = (cities|length / 3)|round(0, 'ceil') %}

  {% for city in cities %}

    {% if citiesPerColumn == 1 or loop.index % citiesPerColumn == 1 -%}
      {% spaceless %}
        <div class="col-md-4">
          <ul>
      {% endspaceless %}
    {% endif %}

            <li class="city-item"><a href="#">{{ city }}</a></li>

    {% if loop.last or loop.index % citiesPerColumn == 0 -%}
      {% spaceless %}
          </ul>
        </div>
      {% endspaceless %}
    {% endif %}

  {% endfor %}
{% endif %}

Format

cities:
  # Expected Column 1
  - London
  - Paris
  - Berlin
  - Madrid

  # Expected Column 2
  - Warsaw
  - Rome
  - Lisbon
  - Dublin

  # Expected Column 3
  - Marrakesh
  - Cairo
  - Dubai

Fiddle 0h54xy v5 created on October 19, 2016 12:33 and visited 1555 times

Developed using

Not logged in.

twigfiddle.com @ 2024
Ask a question on Stackoverflow Report issue Download source code