根据数据库中的值更改td单元格的颜色

韦拉图库迪

嗨,我正在Django支持的网站上工作。我有一个html表,该表返回特定记录的ID。我的目标是根据这些值更改td单元格的颜色。以下是我的HTML

                   {% for l in all_items %}

                                <td style="text-align: center"
                                    id="{{m.id}}_{{m.set}}">
                                </td>

                    {% endfor %}

并使用JavaScript将值传递给id,如下所示:

<script>

$(document).ready(function() {
    {% for a in all_results %}
            $('#{{a.id}}_{{a.set}}').html('{{a.id}}');
    {% endfor %}
});
</script>

我的CSS之一(基于状态):

.completed{
    background-color: #53A36E;
}

由于它在所有项目的html中都有一个for循环,因此每个项目都返回不同的值(ids和没有显示状态的另一列)。td单元格的颜色(包含id)将根据状态而变化。我该如何实现?在此先感谢大家。

塞尔丘克

假设您的模型中有一个CharField命名status字段,并且它可以具有value "completed",则可以编写:

<td style="text-align: center"
    class="{{ m.status }}"
    id="{{ m.id }}_{{ m.set }}">
</td>

对于其中的细胞m.status"completed"背景色是#53A36E

如果需要通过Javascript设置类,则可以使用以下方法:

{% for a in all_results %}
        $('#{{ a.id }}_{{ a.set }}').html('{{ a.id }}');
        $('#{{ a.id }}_{{ a.set }}').addClass('{{ a.status }}');
{% endfor %}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何根据数据库中的分数更改单元格表的颜色?

来自分类Dev

数据表...如何根据表的单元格值更改单元格的颜色

来自分类Dev

如何根据单元格值更改php中的单元格表颜色?

来自分类Dev

如何根据单元格值更改php中的单元格表颜色?

来自分类Dev

根据单元格值更改饼图上颜色的颜色

来自分类Dev

根据颜色常量的单元格值更改内部颜色

来自分类Dev

更改颜色是基于数据库中列的表单元格

来自分类Dev

根据单元格值更改字体和颜色大小

来自分类Dev

根据值更改单元格颜色-VueJs和Vuetify

来自分类Dev

SSRS根据SUM值更改单元格颜色

来自分类Dev

根据单元格值更改行背景颜色

来自分类Dev

根据值更快地更改单元格颜色

来自分类Dev

根据表格单元格值更改行的颜色

来自分类Dev

根据单元格值更改图表颜色

来自分类Dev

尝试根据多单元格值更改数据网格中行的背景颜色

来自分类Dev

根据值更改数据表单元格的颜色

来自分类Dev

如何在Excel中制作一个单元格以根据其他单元格的值更改颜色?

来自分类Dev

如何根据值更改ANTD表中的单元格颜色?

来自分类Dev

如何根据表格单元格中的值更改表格行的背景颜色?

来自分类Dev

根据ASP和C#中的值更改表格单元格颜色

来自分类Dev

根据值更改表格中单元格字体的颜色-RoR

来自分类Dev

根据同一行中的特定RGB值更改单元格颜色

来自分类Dev

如何根据单元格中包含的值更改datagridview颜色

来自分类Dev

根据另一个工作表中的值更改单元格的颜色?

来自分类Dev

用于根据单元格中的值更改形状填充颜色的 VBA 代码

来自分类Dev

VBA-根据特定单元格的值更改单元格的颜色

来自分类Dev

如何通过VBA根据其他单元格值更改单元格的背景颜色

来自分类Dev

根据不同列中的值更改单元格背景

来自分类Dev

根据数据库的值更改JTable行的颜色

Related 相关文章

  1. 1

    如何根据数据库中的分数更改单元格表的颜色?

  2. 2

    数据表...如何根据表的单元格值更改单元格的颜色

  3. 3

    如何根据单元格值更改php中的单元格表颜色?

  4. 4

    如何根据单元格值更改php中的单元格表颜色?

  5. 5

    根据单元格值更改饼图上颜色的颜色

  6. 6

    根据颜色常量的单元格值更改内部颜色

  7. 7

    更改颜色是基于数据库中列的表单元格

  8. 8

    根据单元格值更改字体和颜色大小

  9. 9

    根据值更改单元格颜色-VueJs和Vuetify

  10. 10

    SSRS根据SUM值更改单元格颜色

  11. 11

    根据单元格值更改行背景颜色

  12. 12

    根据值更快地更改单元格颜色

  13. 13

    根据表格单元格值更改行的颜色

  14. 14

    根据单元格值更改图表颜色

  15. 15

    尝试根据多单元格值更改数据网格中行的背景颜色

  16. 16

    根据值更改数据表单元格的颜色

  17. 17

    如何在Excel中制作一个单元格以根据其他单元格的值更改颜色?

  18. 18

    如何根据值更改ANTD表中的单元格颜色?

  19. 19

    如何根据表格单元格中的值更改表格行的背景颜色?

  20. 20

    根据ASP和C#中的值更改表格单元格颜色

  21. 21

    根据值更改表格中单元格字体的颜色-RoR

  22. 22

    根据同一行中的特定RGB值更改单元格颜色

  23. 23

    如何根据单元格中包含的值更改datagridview颜色

  24. 24

    根据另一个工作表中的值更改单元格的颜色?

  25. 25

    用于根据单元格中的值更改形状填充颜色的 VBA 代码

  26. 26

    VBA-根据特定单元格的值更改单元格的颜色

  27. 27

    如何通过VBA根据其他单元格值更改单元格的背景颜色

  28. 28

    根据不同列中的值更改单元格背景

  29. 29

    根据数据库的值更改JTable行的颜色

热门标签

归档