如何从数据库中分组数据并以html

Question

我有3个不同的表，表A，表B和表AB（关联表）。我想将表A中的信息分组（基于组名：同一组名称数据组）。我有以下python代码

class GroupView(TemplateView):
    template_name = "group.html"

    def get_context_data(self, *args, **kwargs):
        context = super(GroupView, self).get_context_data(*args, **kwargs)
        context['ngapp'] = "groups"
        c = AB.objects.values_list('AB_B_id', flat=True).order_by("orderg")
        cols = A.objects.get(id=1).num_cols
        context['assign_group'] = c
        context['colmd'] = 12/cols
        return context

并将其传递给我的html，如下所示：

<div class="row" ng-controller="GroupCtrl">
        {% for c in assign_group %}
        <div class="col-md-{{colmd}} well"  style="border:1px solid #CCC">
            <div id="container{{c}}" style="height: 450px"></div>
        </div>
        {%endfor %}
    </div>

但它现在在我的html中显示所有组数据。如何防止这种情况并根据组对数据进行分组？任何想法的人？