Как использовать ajax с django нумерацией страниц в таблице? - PullRequest
0 голосов
/ 25 марта 2020

Итак, на моей странице у меня есть одна таблица c историй, я попытался разбить ее на страницы следующим образом:

        paginator = Paginator(historic_approval, 5)  # Show 50 per page
        page = self.request.GET.get('page')

        try:
            historic_approval = paginator.page(page)
        except PageNotAnInteger:
            historic_approval = paginator.page(1)
        except EmptyPage:
            historic_approval = paginator.page(paginator.num_pages)                
        return Response({'list_pending': list_pending, 'historic_approval': historic_approval})

Но каждый раз, когда я изменяю страницу в этой таблице, страница обновляется sh

Я пытался использовать django el_pagination, но у меня не получилось.

Это мой django шаблон:

               {% if historic_approval %}
                  <div class="col-md-7 col-md-offset-12" style="border-left: 3px solid #337AB7; padding-bottom:20px">
                    <span class="lead text-muted">{{ internal_title_list_count|default:"" }} {% trans "Meu histórico de aprovações" %} </span>
                      <div style="border: 1px dashed #337AB7; background-color:#F4FAFF; padding:20px 10px;margin-top:10px">
                        {% paginate historic_approval %}
                        {% for requisition in historic_approval %}
                        <div class="row" style="border: 1px dashed #ddd; background-color:#fff; padding:10px; margin:10px 0;">
                              <div class="col-xs-12">
                                {{ requisition.requisition }}</br>
                                <small class="alert-success"> {% trans 'Aprovada em' %}: {{ requisition.date_approved }}</small>
                              </div>
                        </div>
                        {% endfor %}
                        {% show_pages %}
                      </div>
                  </div><!-- end col -->
                  {% endif %}
                </div><!-- end row -->
...