Как сделать динамическое изменение цвета в заголовке таблицы в django

Цвет заголовка таблицы не работает после 3 имени класса в CSS, я хочу изменить цвет, если новые данные будут добавлены в базу данных после 3 заголовка, как сделать это динамическое изменение цвета в CSS.

<style>.demo1{
    background-color: #F4CCCC;
  }
  .demo2{
    background-color: #D0E0E3;
  }
  .demo3{
    background-color: #EAD1DC;
  } </style>


 {% for i in trades %}
    <th  class="demo{{forloop.counter}}">Capicity</th>
    <th  class="demo{{forloop.counter}}">Total</th>
    <th  class="demo{{forloop.counter}}">Training completed</th>
    {% endfor %}

Для повторения одних и тех же цветов можно использовать тег шаблона cycle: https://docs.djangoproject.com/en/3.2/ref/templates/builtins/#cycle


.bg-1 > th {
  background-color: blue;
}
.bg-2 > th {
  background-color: red;
}
.bg-3 > th {
  background-color: green;
}

{% for i in trades %}
<tr class="{% cycle 'bg-1' 'bg-2' 'bg-3' %}">
    <th>Capicity</th>
    <th>Total</th>
    <th>Training completed</th>
</tr>
{% endfor %}
Вернуться на верх