Группировка статей по дням в django

Я пытаюсь сгруппировать статьи по дням, изображение дует показать вам, как это выглядит сейчас

enter image description here

У меня есть 3 записи, которые имеют дату в правом верхнем углу, но как вы можете видеть, каждая из них разделена, я хочу показать запись на эту дату в одной группе, а завтра, если я добавлю больше записей, покажет на эту дату группу, мои коды:

Models.py:

class Form(models.Model):

food_type = models.ForeignKey(FoodTypes, blank=False, null=True, on_delete=CASCADE)

calorie = models.CharField(max_length=50)

protein = models.ForeignKey(Protein, blank=False, null=True, on_delete=CASCADE)

carbohydrate = models.ForeignKey(Carbohydrate, blank=False, null=True, on_delete=CASCADE)

drinks = models.ForeignKey(Drinks, blank=False, null=True, on_delete=CASCADE)

fruits = models.CharField(max_length=50)
note = models.CharField(max_length=200, blank=True)

date = models.DateField(default=datetime.date.today)

views.py:

def requests(request):
lists = Form.objects.all().order_by('-date')
context = {
    'lists': lists
}
return render(request, 'form/requests_list.html', context)

файл-шаблон:

    {% for lists in lists %}

<div class="req-list">
<h6>{{ lists.date }}</h6>
   <table class="table table-striped">
     <thead>
    <tr>
      <th scope="col">#</th>
      <th scope="col">نوع غذا</th>
      <th scope="col">کالری</th>
      <th scope="col">پروتئین</th>
      <th scope="col">کربوهیدرات</th>
      <th scope="col">نوشیدنی</th>
      <th scope="col">میوه</th>
      <th scope="col">توضیحات</th>
    </tr>
  </thead>

  <tbody>
    <tr>
      <th scope="row">{{ lists.id }}</th>
      <td>{{ lists.food_type }}</td>
      <td>{{ lists.calorie }}</td>
      <td>@{{ lists.protein }}</td>
        <td>@{{ lists.carbohydrate }}</td>
        <td>@{{ lists.drinks }}</td>
        <td>@{{ lists.fruits }}</td>
        <td>@{{ lists.note }}</td>
    </tr>
  </tbody>

</table>
    </div>
{% endfor %}

Вы можете попробовать использовать тег {% ifchanged %}, как указано в этом ответе: https://stackoverflow.com/a/3986324/4151233

Следующий код не тестируется:

{% for lists in lists %}
    {% ifchanged lists.date %}
        <div class="req-list">
            <h6>{{ lists.date }}</h6>
            <table class="table table-striped">
                <thead>
                    <tr>
                        <th scope="col">#</th>
                        <th scope="col">نوع غذا</th>
                        <th scope="col">کالری</th>
                        <th scope="col">پروتئین</th>
                        <th scope="col">کربوهیدرات</th>
                        <th scope="col">نوشیدنی</th>
                        <th scope="col">میوه</th>
                        <th scope="col">توضیحات</th>
                    </tr>
                </thead>

                <tbody>
                {% endifchanged %}
                    <tr>
                        <th scope="row">{{ lists.id }}</th>
                        <td>{{ lists.food_type }}</td>
                        <td>{{ lists.calorie }}</td>
                        <td>@{{ lists.protein }}</td>
                        <td>@{{ lists.carbohydrate }}</td>
                        <td>@{{ lists.drinks }}</td>
                        <td>@{{ lists.fruits }}</td>
                        <td>@{{ lists.note }}</td>
                    </tr>
                {% ifchanged lists.date %}
            </tbody>
        </table>
    </div>
    {% endifchanged %}
{% endfor %}
Вернуться на верх