How to access dictionary value in jinja? Is it possible or not? If possible then how?

Question

I'm trying to use this code snippet in a Django project.
How can I access each key's value (the list)?
And show the list items?

I want to display a table like this using Jinja. Is it possible?

key	values
100	1,2
200	3,4
300	5,6
400	7,8

There can be thousands of rows in the table.

def index(request):

    data = {
        100: [{'childId': 1, 'childStructure': 'Leaf'}, {'childId': 2, 'childStructure': 'Intermediate'}],
        200: [{'childId': 3, 'childStructure': 'Intermediate'}, {'childId': 4, 'childStructure': 'Leaf'}],
        300: [{'childId': 5, 'childStructure': 'Leaf'}, {'childId': 6, 'childStructure': 'Intermediate'}],
        400: [{'childId': 7, 'childStructure': 'Intermediate'}, {'childId': 8, 'childStructure': 'Leaf'}],
    }

    return render(request,'index.html', {'data': data})

Answer 1

You can use a for to loop on dictionaries. You just have to use dict.items() to do so, as pointed in the documentation.

Given the template:

<table style="border: 1px solid">
  <tr>
    <th>key</th>
    <th>value</th>
  </tr>
{% for key, value in data.items %}
  <tr>
    <td>{{ key }}</td>
    <td>{{ value | map(attribute='childId') | join(',') }}</td>
  </tr>
{% endfor %}
</table>

This would give you:

<table>
  <tr>
    <th>key</th>
    <th>value</th>
  </tr>
  <tr>
    <td>100</td>
    <td>1,2</td>
  </tr>
  <tr>
    <td>200</td>
    <td>3,4</td>
  </tr>
  <tr>
    <td>300</td>
    <td>5,6</td>
  </tr>
  <tr>
    <td>400</td>
    <td>7,8</td>
  </tr>
</table>