我有一个Django模板，我传递了一堆HTML表格。我想将某些表格的背景颜色更改为红色，并允许其余表格使用我设置的默认CSS。这些表从我的Django视图传入一个名为final的字典中，结构如下：
html我尝试在模板中的未安排的表中添加div ID，然后根据div ID更改颜色，但是无法正确设置div ID。
我的模板如下所示：
{'PanelLabel1': {'Scheduled':[list of html tables],
'Unscheduled':[list of html tables]},
'PanelLabel2': {'Scheduled':[list of html tables],
'Unscheduled':[list of html tables]}
}
修改
我还尝试在div中添加一个 {% for label,tables in html.items %}
<div class="container">
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="text-center">{{ label | safe }}</h4>
</div>
{% for types,table in tables.items %}
<div class="panel-body">
<div class="panel-title text-center"><u>{{types | safe}}</u>
{% for t in table %}
{% if types == "Unscheduled" %}
<div><p>Here</p></div>
<div class="table-responsive Unscheduled" id="Unscheduled">
{{ t | safe }}
</div>
{% else %}
<div class="table-responsive">
{{ t | safe }}
</div>
{% endif %}
{% endfor %}
</div>
</div>
{% endfor %}
</div>
</div>
{% endfor %}
<script>
$(document).ready(function(){
var rows = document.getElementById("Unscheduled").getElementsByTagName("tr");
var cells = document.getElementById("Unscheduled").getElementsByTagName("td");
for (i = 0; i < rows.length; i++){
rows[i].style.backgroundColor = "#CC3300";
};
});
</script>
类，然后使用CSS来设置样式：
Unscheduled当我查看开发人员控制台时，我可以看到没有任何表div具有ID（当我尝试使用该类时，他们都没有.Unscheduled {
background: #CC3300;
}
类），所以我的javascript设置表格颜色失败，CSS没有任何样式。我不确定在设置div ID / class时我做错了什么。无论我做什么，总是看起来像这样：
http://www.datanucleus.org/products/accessplatform_4_2/jdo/orm/metadata_orm.html
答案 0 :(得分：1)
也许是因为你使用相同的ID＆＃34;未计划的＆＃34;在许多情况下（view，id＆＃39; s）它会出现冲突。尝试为css类添加一个不同的名称（例如＆＃34; tablestyle＆＃34;或其他东西），并从div标签中删除id标记，只留下class参数。告诉我它是怎么回事。
答案 1 :(得分：0)
为每个表格指定您想要特定颜色的ID。 EXAPMLE：<table id="yourchoice"></table>然后像这样使用CSS #yourchoice { background-color: red; }你可以选择任何我喜欢红色的颜色。