Rupture de données dans plusieurs colonnes d'affichage avec Django

Question

La superposition terminologique rend la recherche de réponses difficile pour celle-ci.

Je suis à la recherche de conseils sur la meilleure façon de mettre en œuvre un affichage multi-colonnes de mon QuerySet qui remplit chaque colonne de haut en bas sur les colonnes X. Cela signifie que le nombre d'éléments dans chaque colonne est égal au nombre de QuerySet divisé par X (nombre de colonnes). L'utilisation de Offset ne fonctionne pas car je souhaite que mes données se développent en 4 colonnes sans mettre à jour le décalage manuellement. Les flottants CSS fonctionnent visuellement, mais laissent les données dans le désordre.

Answer 1

Quelque chose comme ça devrait fonctionner pour vous, passer le nombre de colonnes que columns au modèle:

{% for item in items %} 
    {% if forloop.first %}<div style="float:left;">{% endif %} 
    {{ item }} 
    {% if forloop.counter|divisibleby:columns %} 
     </div><div style="float:left"> 
    {% endif %} 
    {% if forloop.last %}</div>{% endif %}  
{% endfor %} 
<div style="clear:both;"></div> 

Answer 2

Il semble que la réponse de lazerscience est sur la bonne voie - mais je pense que l'OP veut que les données à trier les données par ordre alphabétique dans la colonne, puis recommencer en haut de la colonne suivante. Utiliser divisibleby: fonctionne pour casser la ligne après les éléments 'X', mais je pense que cela prendra un modèle plus complexe pour faire ce que l'OP veut.

Je ne sais pas s'il est possible, mais la vue pourrait vous: Obtenez nombre d'éléments, diviser par « colonnes » et utilisées que # dans divisiblePar de percer dans la colonne suivante DIV (le flux visuel sera CSS)

Comme l'exemple de Lazers est maintenant que vous construisez des lignes et ensuite le diviser en colonnes, laissant l'ordre de tri à travers et puis vers le bas. Désolé si j'ai manqué quelque chose.

-K

Answer 3

Vous feriez mieux d'aller et utiliser un plugin jQuery pour faire quelques colonnes dans une liste.
Columnizer fonctionne très bien pour moi

Answer 4

Voici filtre modèle de django qui a divisé une liste en plusieurs sous-listes:

list partition template filters at djangosnippets.org

Vous pouvez les utiliser dans un modèle de django pour diviser une longue liste en plusieurs colonnes comme suit:

{% load list_tags %} 
<h2>Some List</h2> 

{% for sub_list in full_list|rows:"3" %} 
<ul> 
    {% for item in sub_list %} 
    <li> 
     {{item.name}} 
    </li> 
    {% endfor %} 
</ul> 
{% endfor %} 

J'ai inclus les filtres de modèle dans mon projet dans un fichier appelé list_tags.py. Ajustez l'étiquette {% load %} si nécessaire.