Django - Create table from list of list

Question

I am not very good with table in html, so this question might be very simple to answer.

I pass the list of list {{ attributes }} to the template and I want to create a table with 2 rows and many columns.

TEMPLATE:

<div id="table">
<table border=0>
{% for attr in attributes %}
    <td>
       <th>{{ attr.0 }}</th>
        {{ attr.1 }}
    </td>
{% endfor %}
</table>
</div>

I want the {{ attr.0 }} to be the header and displayed on a single row and the {{ attr.1 }} displayed on the second row.

You have a <th> within <td> which is not right. What does {{attributes}} contain? — akotian
– akotian, Commented Apr 24, 2013 at 14:18
{{attributes}} is a list of list [['header','value'], ... ]] — Below the Radar
– Below the Radar, Commented Apr 24, 2013 at 14:19
possible duplicate of How to create a recursive table in HTML — Lukas Knuth
– Lukas Knuth, Commented Apr 24, 2013 at 22:37

Ngenator · Accepted Answer · 2013-04-24 14:19:10Z

2

How about

<div id="table">
<table border=0>
<thead>
    <tr>
    {% for attr_head in attributes.keys %}
       <th>{{ attr_head }}</th>
    {% endfor %}
    </tr>
</thead>
<tbody>
    <tr>
    {% for attr in attributes.values %}
        <td>{{ attr }}</td>
    {% endfor %}
    </tr>
</tbody>
</table>
</div>

Just loop through the dict's keys and rendering them as th elements in the table header and then loop through the values, rendering them inside the tbody. th and td are columns in the table and tr are rows.

Also, you should read up on html tables, they aren't that hard

answered Apr 24, 2013 at 14:19

Ngenator

11.3k4 gold badges43 silver badges47 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Below the Radar Over a year ago

I was thinking about using two loops like your proposal, but I wonder if its possible to do the same within a single loop?

Ngenator Over a year ago

Not really in this case. If you were to render many rows and 2 columns, it would be very simple though

Below the Radar Over a year ago

Ok thank you. I will accept yours, because you were the first to answer.

JamesO · Accepted Answer · 2013-04-24 14:21:18Z

1

You could just loop twice, once for headers once for content?

<div id="table">
    <table border=0>
        <tr>
            {% for attr in attributes %}  
            <th>{{ attr.0 }}</th>
            {% endfor %}
        </tr>
        <tr>
            {% for attr in attributes %}
                <td>{{ attr.1 }}</td>
            {% endfor %}
        </tr>
    </table>
</div>

answered Apr 24, 2013 at 14:21

JamesO

26.2k4 gold badges44 silver badges42 bronze badges

Collectives™ on Stack Overflow

Django - Create table from list of list

2 Answers 2

3 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related