Django HTML template table rendering

Question

I want to render a table look like this:

<table>
  <tr>
    <td>some data</td>
    <th>special one</th>
    <td>some data</td>
      ...
    <td>some data</td>
  </tr>
  ...
</table>

There is a solution that can render all in the same tag.

<table>
  {% for rowval in results %}    
     <tr>
     {% for val in rowval %}
      <td>{{val}}</td>
     {% endfor %}
    </tr>
  {% endfor %}
</table>

But in my case, there would be a th at the second place for every row of the data, if there is a record.

There is another solution that not as good as the answer below as it keeps partial table, td and tr in the view.

Is there a way to implement this feature?

Iain Shelvington · Accepted Answer · 2020-03-25 00:31:56Z

1

There are some variables available inside a django template for loop, one of them is named forloop.counter which gives you the current iteration of the loop. You can use this variable to render something differently on the second loop

<table>
  {% for rowval in results %}    
    <tr>
      {% for val in rowval %}
        {% if forloop.counter == 2 %}
          <th>{{ val }}</th>
        {% else %}
          <td>{{ val }}</td>
        {% endif %}
     {% endfor %}
    </tr>
  {% endfor %}
</table>

answered Mar 25, 2020 at 0:31

Iain Shelvington

32.5k3 gold badges36 silver badges55 bronze badges

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

1 Comment

Jason Liu Over a year ago

That's brilliant!! I didn't know there is a forloop counter available.

Collectives™ on Stack Overflow

Django HTML template table rendering

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related