Verwenden von Autopagination in Django und Formatierungsprobleme

Question

Ich benutze Django-paginate und bekommen seltsame Formatierungsprobleme mit dem {% paginate%} - Tag. Ich habe ein Bild des Problems beigefügt.

Ich habe mich nur gefragt, was könnte das möglicherweise verursachen?

In dem Bild unten bin ich auf der ersten Seite. Beachten Sie, dass die 1 abgeschnitten ist und dass die Seiten seltsam geordnet sind und die vorherige/nächste nicht wirklich sichtbar ist.

Meine Vorlage ist gerade dies jetzt:

{% extends "base.html" %} 
{% load mptt_tags %} 
{% load pagination_tags %} 
{% load i18n %} 
{% block body %} 
{% autopaginate parts 20 %} 
{% paginate %} 

Answer 1

, die nicht mit Django verwandt ist, weder zu Django-Paginate. Es scheint, dass Sie Bootstrap als Ihr Front-End-Framework verwenden, und das impliziert Probleme wie.

Ich habe einen ähnlichen Ansatz für diese Website manoomit.com implementiert, Erstellen einer benutzerdefinierten Vorlage für die Verwaltung der Seitennumerierung in Django-paginate.

Es sieht wie folgt aus:

{% if is_paginated %} 
{% load i18n %} 
<div class="pagination pagination-centered"> 
    <ul> 
    {% if page_obj.has_previous %} 
    <li><a href="?page={{ page_obj.previous_page_number }}{{ getvars }}{{ hashtag }}" class="prev">&lsaquo;&lsaquo; {% trans "previous" %}</a></li> 
    {% else %} 
    <li class="disabled"><a href="#">&lsaquo;&lsaquo; {% trans "previous" %}</a></li> 
    {% endif %} 
    {% for page in pages %} 
     {% if page %} 
      {% ifequal page page_obj.number %} 
      <li class="active"><a href="#">{{ page }}</a></li> 
      {% else %} 
      <li><a href="?page={{ page }}{{ getvars }}{{ hashtag }}" class="page">{{ page }}</a></li> 
      {% endifequal %} 
     {% else %} 
      ... 
     {% endif %} 
    {% endfor %} 
    {% if page_obj.has_next %} 
     <li><a href="?page={{ page_obj.next_page_number }}{{ getvars }}{{ hashtag }}" class="next">{% trans "next" %} &rsaquo;&rsaquo;</a></li> 
    {% else %} 
     <li class="disabled"><a href="#">{% trans "next" %} &rsaquo;&rsaquo;</a></li> 
    {% endif %} 
</ul> 
</div> 
{% endif %}