Как добавить больше левой части в каждую итерацию FOR, используя Django Language Template + HTML?

У меня проблемы с созданием кода в HTML + DLT для печати документов (накладная).

Что происходит, так это то, что покупателю нужно, чтобы продукты находились рядом друг с другом.

Я буду итезировать изделия через For, где от первого изделия останется 8 мм, а ко второму добавится 40 мм. Однако если изделий больше двух, то третье всегда перекрывает второе!

Мне нужно, чтобы с каждой итерацией FOR к <span> добавлялось больше LEFT, начиная с 8 мм и увеличивая с 40 мм до 40 мм.

Полный код:

Часть кода:

{% with 8 as initial_left %}             
{% for product_note in delivery_note.products_note %}             
{% if forloop.first %}             
<span class="absolutes" style="top:54mm;left: {{ initial_left }}mm;width: 10cm; font-size: 14px;font-weight: bold;"> {{ product_note.product.name }} </span>             
{% else %}             {
% with initial_left|add:forloop.counter0|add:forloop.counter|add:40 as left_addition %}             <span class="absolutes" style="top:54mm;left: {{ left_addition }}mm;width: 9cm; font-size: 14px;font-weight: bold;"> {{ product_note.product.name }} </span>             
{% endwith %}             
{% endif %}             
{% endfor %}             
{% endwith %}

Изображение того, как это происходит в данный момент:

Я уже пытался создать еще один if, чтобы разобраться со вторым конкретным продуктом, но у меня ничего не получилось, и это было бы не очень хорошо для чтения и понимания моими коллегами.

NOTE: Я не могу использовать JS :(

)
Вернуться на верх