Erstellen von benutzerdefinierter Tabelle in djnago Vorlage forloop

Question

Ich brauche wie unten eine benutzerdefinierte Tabelle in django Vorlage zu erstellen:

<table> 
    <tr> 
     <td> 
     </td> 
     <td> 
     </td> 
     <td> 
     </td> 
    </tr> 
    <tr> 
     <td> 
     </td> 
     <td> 
     </td> 
     <td> 
     </td> 
    </tr> 
    <tr> 
     <td> 
     </td> 
     <td> 
     </td> 
     <td> 
     </td> 
    </tr> 
</table> 

das heißt ich neuen tr Tag nach jeweils 3 td-Tags hinzufügen möge. Ich habe versucht, Logik mit {{forloop.counter | divisibleby: 4}} anzuwenden. Ich habe etwas wie unten versucht, aber es hat nicht die gewünschten Ergebnisse erzeugt.

{% for items in range(5) %} 
    {% if forloop.counter ==1 or forloop.counter|divisibleby:4 %}\ 
    <tr> 
    {% endif %} 
    <td>name</td> 

    {% if forloop.counter|divisibleby:4 %} 
     </tr> 
    {% endif %} 
    </tr> 
{% endfor %} 

aber es ist offensichtlich nicht die richtige Lösung. Update: Es erzeugt so etwas wie unten: Wenn jedes Bild-Tag

Answer 1

td Dieser Teil wird auf true Auswertung ist nicht für die richtigen Zahlen:

{% if forloop.counter ==1 or forloop.counter|divisibleby:4 %} 

Das wird den Wert true wenn der Zähler 1, 4, 8, 12 usw. ist. Nicht alle 3 Ziffern, sondern alle vier Ziffern. Verwenden Sie stattdessen forloop.counter0, etwa so:

{% if forloop.counter0 | divisibleby: 3%}

forloop.counter0 beginnt bei 0, so dass es werde von 3 auf 0 teilbar ist, 3, 6, 9, usw. wie du willst.

Es gibt ein weiteres Problem mit dem Code hier:

{% if forloop.counter|divisibleby:4 %} 
    </tr> 
{% endif %} 
</tr> 

Wenn Sie nur wollen, dass der Tag nach jedem dritten Element geschlossen werden, dann die, außerhalb der, wenn die Bedingung entfernen. Außerdem fügen Sie das schließende Tag in die falschen Teile ein. Es soll ein Element sein, bevor Sie den Tag wieder öffnen, so am dritten Element, 6. Element usw. Dazu Sie noch die forloop.counter wie so verwenden können:

{% if forloop.counter|divisibleby:3 %} 
    </tr> 
{% endif %} 

Gesamt, sollte Ihr Code aussehen dies:

{% for items in range(5) %} 
    {% if forloop.counter0|divisibleby:3 %} 
     <tr> 
    {% endif %} 
    <td>name</td> 
    {% if forloop.counter|divisibleby:3 %} 
     </tr> 
    {% endif %} 
{% endfor %} 
</tr> 

Wenn Sie eine unbekannte nbr Anzahl der Elemente statt 5 verwenden, ersetzen Sie einfach die </tr> Tag außerhalb des forloop für

{% if not nbr|divisibleby:3 %} 
    </tr> 
{% endif %} 

so dass Sie nicht zwei </tr> s haben, wenn man bei der letzten Wiederholung der for-Schleife hinzugefügt wurde.

Answer 2

So ist dies, weil Sie <tr> UND </tr> einfügen, wenn der forloop Zähler durch 4 teilbar ist, werden Sie auch <tr> wenn der forloop Zähler 1. So ist die erste Zeile Arbeiten eingesetzt wird, die zweite Reihe das Öffnen und Schließen wird einfügen Tags (weil der Forloop-Zähler immer noch durch 4 teilbar ist). Deine Logik ist ausgeschaltet.

Ich glaube, Sie wollen:

<table> {% for items in range(5) %} {% if forloop.counter == 1 %} <tr> {% endif %} <td>name</td> {% if forloop.counter|divisibleby:4 %} </tr><tr> {% endif %} {% endfor %} </tr> </table>