djangodjango-templates960.gs

Render one queryset into 2 div columns (django template)


Is there a good way to render the enumeration of a queryset into two div columns?

Using 960 grid, I've got something to the effect of...

<div class="container_16">
    <div class="grid_8 alpha"></div>
    <div class="grid_8 omega"></div>
</div>

In Django, one model needs to have it's enumerated contents rendered in both of those columns, and preferably somewhat equally. For the moment, I've got some ugly code that in the view splits the QuerySet into 2 halves, and then each half is rendered in their respective column.

There's got to be a better way to do this, preferably using only the template rendering system?

Just for reference, here's how it "works" at the moment:

views.py

@render_to('template.html')
def main_athletics_page(request, *args, **kwargs):    
    sports = Sport.objects.all()
    half = sports.count() / 2
    return { 'sports_1' : sports[0:half], 'sports_2' : sports[half:] }

template.html

<div class="grid_8 alpha">
    {% for sport in sports_1 %}
        <!-- Blah blah -->
    {% endfor %}
</div>

<div class="grid_8 omega">
    {% for sport in sports_2 %}
        <!-- Blah blah -->
    {% endfor %}
</div>

Solution

  • I recommend using Django filters.

    Django snippets provides a partitioning template filter, which you can use like:

    {% load listutil %}
    
    <div class="grid_8 alpha">
        {% for sport in sports|partition:"2"|first %}
            <!-- Blah Blah -->
        {% endfor %}
    </div>
    
    <div class="grid_8 omega">
        {% for sport in sports|partition:"2"|last %}
            <!-- Blah Blah -->
        {% endfor %}
    </div>