根据单元格的值，有条件地突出显示html表中的单元格
根据单元格的值，有条件地突出显示html表中的单元格
提问于 2022-02-07 16:14:03
我的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”的单元格。
请告诉我该怎么做
回答 1
Stack Overflow用户
回答已采纳
发布于 2022-02-07 16:19:21
Django有可用于此的if语句模板标记。
例如，对于days部分，您可以在模板中编写类似于以下内容的<td>元素：
<td {% if element.Days > 14 %} class="red_class"{% endif %}>{{ element.Days }}</td>然后定义一个名为red_class的css类，并将该元素的背景颜色属性设置为红色。
姓名部分将类似：
<td
{% if element.Receiver == "Mike" %}
class="red_class"
{% elif element.Receiver == 'Jane' %}
class="blue_class"
{% endif %} > {{ element.Receiver }}</td>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/71021764
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号