Displaying table data in python flask

Question

I am listing down the data coming from the database in a table. But it is not aligning as a table.

what I want to display in the web page is,

Name       john mark 
Faculty    cs 
University xxx

But what I get in the web page is,

Name john mark 
Faculty cs 
University xxx

In my .html I have,

{% for item in data %}
<tr>
    <td>{{item[0]}}</td>
    <td>{{item[1]}}</td>
</tr>
<br>
{% endfor %}

Please help me with this as I am new to python flask.

No my .html only has what i have mentioned above.Do I have to wrapped it with a table element? — AnjuT
– AnjuT, Commented May 21, 2018 at 3:39
Yes, off course. You have to make a valid table structure. Then it will rendered correctly. — BeeBee8
– BeeBee8, Commented May 21, 2018 at 3:50
Hi, Kindly upvote and accept the answer if it really helped. Thanks. — BeeBee8
– BeeBee8, Commented May 21, 2018 at 5:02

BeeBee8 · Accepted Answer · 2018-05-21 05:08:11Z

5

This is how valid table HTML should look. You have not wrapped tr with <table> element.

<table>
  <tr>
    <th>Firstname</th>
    <th>Lastname</th> 
    <th>Age</th>
  </tr>
  <tr>
    <td>Jill</td>
    <td>Smith</td> 
    <td>50</td>
  </tr>
  <tr>
    <td>Eve</td>
    <td>Jackson</td> 
    <td>94</td>
  </tr>
</table>

So your code should look like this.

<table>
{% for item in data %}
<tr>
    <td>{{item[0]}}</td>
    <td>{{item[1]}}</td>
</tr>
{% endfor %}
</table>

edited May 21, 2018 at 5:08

answered May 21, 2018 at 3:53

BeeBee8

3,0842 gold badges30 silver badges39 bronze badges

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

4 Comments

Nandita Sharma Over a year ago

I don't think that there is any need for br tag inside the table.

BeeBee8 Over a year ago

@NanditaAroraSharma Yes, not needed but that does not break the table, I have tested, besides that was not the problem that caused problems to OP.

Nandita Sharma Over a year ago

Agreed it doesnt cause any issue but it may cause issues in IE :) So we should avoid using anything that is not according to table markup.

BeeBee8 Over a year ago

@NanditaAroraSharma Yes, I had noticed it , but it got copy pasted . Thanks for pointing it.

Nandita Sharma · Accepted Answer · 2018-05-21 03:58:52Z

2

Try this html

<table>
    <tbody>
    {% for item in data %}
    <tr>
        <td>{{item[0]}}</td>
        <td>{{item[1]}}</td>
    </tr>
    {% endfor %}
    </tbody>
</table>

answered May 21, 2018 at 3:58

Nandita Sharma

13.4k2 gold badges25 silver badges36 bronze badges

Collectives™ on Stack Overflow

Displaying table data in python flask

2 Answers 2

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related