Условное выделение ячеек в 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>