Verwendung von Django Cycle Tag

Question

Dies ist hoffentlich eine ziemlich einfache Frage. Mein Endziel ist es, meine Datenbankeinträge in einer Tabelle anzeigen zu können, die ich über die Spaltenüberschriften sortieren kann. Ich habe die documentation auf Zyklus-Tags lesen, aber nicht wissen, dass sie damit meinen 'row1' und 'row2':

{% for o in some_list %} 
    <tr class="{% cycle 'row1' 'row2' %}"> 
     ... 
    </tr> 
{% endfor %} 

Zweitens: Wie würde ich es richtig umzusetzen in meine Vorlage? Ich bin mit einem sehr einfachen JS library, was die Sortierung ermöglicht:

seite.html

{% if Variable %} 
    <table class="sortable"> 
     <tr> 
      <th>Title 1</th> 
      <th>Title 2</th> 
      <th>Title 3</th> 
      <th>Title 4</th> 
      <th>Title 5</th> 
     </tr> 
    {% for stuff in Variable %} 

     <tr class="{% cycle 'stuff' %}">  
      <td> 
       <a href="{% url 'detail_page' stuff.id %}"> 
       {{ stuff.Name|capfirst }}</a> 
      </td> 
     </tr> 
    {% endfor %} 
    </table> 
{% else %} 
    <p>No Results Found</p> 
{% endif %} 

mein models.py auf, falls Sie es:

def view(request): 
    Variable = database.objects.all() 
    context = { 
     'Variable': Variable, 
    } 
    return render(request, 'app/page.html', context) 

EDIT: Es scheint, dass ich die ganze Zeit den richtigen Code hatte, nur etwas ungleichmäßig angewendetes CSS, das meinen Tisch nicht wie einen Tisch aussehen ließ. Das Cycle-Tag wurde nicht benötigt, nur die for-Schleife. Es sah auch besser nach einer anderen Tabellenzeile hinzugefügt:

{% for stuff in Variable %} 
<tr> 
    <td>{{ stuff.Name|capfirst }}</td> 
    <td>{{ stuff.Number|capfirst }}</td> 
</tr> 
{% endfor %} 

Answer 1

Für den Zyklus-Tag werden die beiden Argumente abwechselnd mit der Vorlage hinzugefügt werden, zum Beispiel, würde der Code in Ihrer Vorlage {% for o in some_list %}<tr class="{% cycle 'row1' 'row2' %}"></tr>{% endfor %} erzeugen:

<tr class="row1"> 
    ... 
</tr> 
<tr class="row2"> 
    ... 
</tr> 
<tr class="row1"> 
    ... 
</tr> 
<tr class="row2"> 
    ... 
</tr> 
<!-- ... and so on while there are elements in some_list --> 

Und so weiter. Normalerweise würden Sie einige CSS dies zum Beispiel anbringt:

<style> 
    .row1 { 
     background: #345678; 
    } 
    .row2 { 
     background: #123456; 
    } 
</style> 

würde diese abwechselnden Reihen anderen Hintergrund geben Farben, zum Beispiel.