[Django]-How to iterate through dictionary in a dictionary in django template?

by

344👍

✅

Lets say your data is –

data = {'a': [ [1, 2] ], 'b': [ [3, 4] ],'c':[ [5,6]] }

You can use the data.items() method to get the dictionary elements. Note, in django templates we do NOT put (). Also some users mentioned values[0] does not work, if that is the case then try values.items.

<table>
    <tr>
        <td>a</td>
        <td>b</td>
        <td>c</td>
    </tr>

    {% for key, values in data.items %}
    <tr>
        <td>{{key}}</td>
        {% for v in values[0] %}
        <td>{{v}}</td>
        {% endfor %}
    </tr>
    {% endfor %}
</table>

Am pretty sure you can extend this logic to your specific dict.

To iterate over dict keys in a sorted order – First we sort in python then iterate & render in django template.

return render_to_response('some_page.html', {'data': sorted(data.items())})

In template file:

{% for key, value in data %}
    <tr>
        <td> Key: {{ key }} </td> 
        <td> Value: {{ value }} </td>
    </tr>
{% endfor %}
👤Srikar Appalaraju

5👍

This answer didn’t work for me, but I found the answer myself. No one, however, has posted my question. I’m too lazy to
ask it and then answer it, so will just put it here.

This is for the following query:

data = Leaderboard.objects.filter(id=custom_user.id).values(
    'value1',
    'value2',
    'value3')

In template:

{% for dictionary in data %}
  {% for key, value in dictionary.items %}
    <p>{{ key }} : {{ value }}</p>
  {% endfor %}
{% endfor %}
👤crappy_hacker

2👍

If you pass a variable data (dictionary type) as context to a template, then you code should be:

{% for key, value in data.items %}
    <p>{{ key }} : {{ value }}</p> 
{% endfor %}
👤Eugene Chabanov

0👍

I am thankful for the above answers pointing me in the right direction. From them I made an example for myself to understand it better. I am hoping this example will help you see the double dictionary action more easily and also help when you have more complex data structures.

In the views.py:

    bigd = {}
    bigd['home'] = {'a':  [1, 2] , 'b':  [3, 4] ,'c': [5,6] }
    bigd['work'] = {'e':  [1, 2] , 'd':  [3, 4] ,'f': [5,6] }
    context['bigd']  = bigd

In the template.html:

{% for bigkey, bigvalue in bigd.items %}
    <b>{{ bigkey }}</b> <br>
    {% for key, value in bigvalue.items %}
        key:{{ key }} <br>
        ----values: {{ value.0}}, {{value.1 }}<br>
    {% endfor %}
    <br>
{% endfor %}

Notice the list in the second dictionary is accessed by the index in the list.

Result in browser is something like:

enter image description here

👤Anthony Petrillo

Leave a comment