Условное выделение ячеек в html-таблице на основе значения ячеек

Данные моей html-таблицы взяты из этого списка:

mylist=
[{'StartDate': '2021-10-02', 'ID': 11773, 'Name': Mike, 'Days':66 },
{'StartDate': '2021-10-03', 'ID': 15673, 'Name': Jane, 'Days':65}, 
{'StartDate': '2021-10-03', 'ID': 95453, 'Name': Jane, 'Days':65}, 
{'StartDate': '2021-10-03', 'ID': 15673, 'Name': Mike, 'Days':65}, 
... 
{'StartDate': '2021-10-5', 'ID': 34653, 'Name': Jack, 'Days':63}]

Моя HTML-таблица в моем HTML-файле имеет следующий вид:

<table class="table table-striped" id="dataTable" width="100%" cellspacing="0">
                                    
     <thead>
        <tr>
            <th>StartDate</th>
            <th>ID</th>
            <th>Name</th>
            <th>Days</th>
        
     </thead>
     <body>

{% for element in mylist %}

      <tr>
        <td>{{ element.StartDate}}</td>
        <td>{{ element.ID }}</td>
        <td>{{ element.Receiver }}</td>
        <td>{{ element.Days }}</td>

       </tr>
      {% endfor %}      
       </tbody>
                         
      </table>

Я хочу установить красный цвет для дней, которые больше 14. И я хочу установить ячейки, содержащие "Mike", в красный цвет, а "Jane" - в синий.

Пожалуйста, посоветуйте, что мне делать

В Django есть теги шаблонов утверждений if, которые могут быть использованы для этого.

Например, для раздела дней вы можете написать в шаблоне элемент <td> следующим образом:

<td {% if element.Days > 14 %} class="red_class"{% endif %}>{{ element.Days }}</td>

Затем вы определяете css-класс с именем red_class и устанавливаете атрибут background color этого элемента в красный цвет.

Часть имени будет выглядеть так:

<td 
   {% if element.Receiver == "Mike" %} 
      class="red_class"
   {% elif element.Receiver == 'Jane' %}
      class="blue_class"
   {% endif %} > {{ element.Receiver }}</td>
Вернуться на верх