Iterate Multiple Nested Lists in Flask Template using For loop

Question

I have Python list like the following

[[1, 'sarmad ali', 10], [2, 'nabeel', 200], [3, ' tayyab', 40202]]

I want to show them in a table/two dimensional style in template(html page) the following

1 sarmad ali 10

2 nabeel 200

3 tayyab 40202

I am able to got the following

1 sarmad ali 10 2 nabeel 200 3 tayyab 40202

In my python file I have data in the form of Dataframe, and converted to list.

{% for col in data_list%}
    
    {% for row in col%}
        
        <td>{{row}}</td>
    
    {% endfor %}
    
    <br>

{% endfor %}

The above nested loop is producing the output in single line instead of table format. I figured out that second loop is iterating all the lists in single line instead of iterating single list at a time

Feel free to ask any question for more clarification.

NavaneethaKrishnan · Accepted Answer · 2020-03-02 02:54:09Z

1

<table>
{% for sno, name, rank in data_list%}
   <tr>
     <td>{{sno}}</td>
     <td>{{name}}</td>
     <td>{{rank}}</td>
  </tr>
{% endfor %}
</table>

Edited: Suppose if you don't know the number of items in the list,

<table>
{% for tr in data_list%}
   <tr>
   {% for td in data_list%}
     <td>{{td}}</td>
    {% endfor%}
  </tr>
{% endfor %}
</table>

edited Mar 2, 2020 at 2:54

answered Mar 2, 2020 at 2:49

NavaneethaKrishnan

1,3561 gold badge10 silver badges23 bronze badges

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

2 Comments

Sarmad Ali Over a year ago

Loop atributes are not known, they can by more then three (sno, name, rank, etc).

NavaneethaKrishnan Over a year ago

You can run one more loop for that.

Ebrahim Bharmal · Accepted Answer · 2020-03-02 02:53:11Z

0

This is what i am using in my template file to display the list.

<div class="content-section">
    <legend class="mb-4"> Table </legend>
<table class="table" >
<thead>
    <tr>
      <th scope="col">#</th>
      {%for i in columns%}
      <th scope="col">{{i[0]}}</th>
      {%endfor%}
    </tr>
  </thead>
  <tbody>

    {%for i in result%}

    <tr>
          <th scope="row">{{loop.index}}</th>
          {%for k in i%}
          <td>{{k}}</td>
          {%endfor%}
      </tr>

    {%endfor%}
    </tbody>
</table>

</div>

answered Mar 2, 2020 at 2:53

Ebrahim Bharmal

161 bronze badge

Collectives™ on Stack Overflow

Iterate Multiple Nested Lists in Flask Template using For loop

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related