Цикл и сделать разные колонки для разных видов пакетов

Question

Я хочу создать пакет для каждого элемента в массиве пакетов. И если пакет принадлежит типу, создать другую строку.

Допустим, у меня есть пакеты: A, B, C, D, A2, B3, C6, D8. А и А2 будут рядом; B и B3 будут другой строкой и т. Д.

Попытка сделать цикл for для каждого пакета в пакетах и ​​зациклить его, если index0% 2 == 0;

код выглядит так

<div class="dashboard">
    <div class="row">
        <div class="container margin-bottom-60">
            <h2>boom</h2>
            <h4>lorem</h4>
            <br>
        {% for package in packages %}
            {% if loop.index0 % 2 == 0 %}
            <div class="col-md-4">
                <div class="packages-backend-elment">
                    <div class="col-md-12">
                        <h3>{{ package.title }}</h3>
                        <span>{{ package.shortTitle }}</span>
                        <div class="price">
                            {{ package.price }} 
                         </div>
                         <div class="description">
                             {{ package.shortDescription | raw }}
                         </div>
                         <div class="buttons">
                             <a href="#">
                                 <button type="button" class="btn-6 btn ink-reaction btn-flat dropdown-toggle paymentRequestBtn" data-urlaction="/employee/payment-requests/{{ package.id }}"></button>
                             </a>
                             <a href="#">
                                 <button type="button" class="btn-6 btn ink-reaction btn-flat dropdown-toggle show-packages-details"></button>
                             </a>
                         </div>
                     </div>
                 </div>
             </div>
             {% endif %}
        {% endfor %}
        </div>
    </div>
</div>

Answer 1

Вам нужно будет сохранить уже существующие столбцы в массиве key-value .Он будет начинаться как пустой массив, затем вы будете проходить через ваши элементы, проверять, существует ли их значение в массиве значений ключа .Если это так, добавляет новое значение к уже созданному значению, которое должно быть массивом.Когда вы закончите это, у вас будет массив значений ключа, каждый ключ представляет столбец, а каждое значение представляет массив элементов в столбце.У вас будет две вложенные петли.Внешний цикл будет зацикливать столбцы.Внутренний цикл будет зацикливать значения.И вам нужно будет указать свой HTML для отображения в соответствии с вашими потребностями.