SpecialistOff.NET / Вопросы / Статьи / Фрагменты кода / Резюме / Метки / Помощь / Файлы

Список вопросов Печать

Как установить класс для чётных/нечётных строк?


Метки: javascript vue.js css jinja python 

Ответы

RemiZOffAlex  Создано: 2019-10-08 00:53:42.305304  Обновлено: 2019-10-08 00:53:42.305304

Jinja

{% for node in nodes %}
<div class="row">
    <div class="col py-2 {{ loop.cycle('odd', 'even') }}">
        <a href="'/node/' + node.id">{{ node.title }}</a>
    </div>
</div>
{% endfor %}

Vue.js

<div class="row" v-for="(node, nodeIdx) in nodes">
    <div class="col py-2" :class="{even: nodeIdx % 2, odd: !(nodeIdx % 2)}">
        <a :href="'/node/' + node.id">{{ node.title }}</a>
    </div>
</div>

Возможно будут интересны и другие вопросы