Skip to content

Instantly share code, notes, and snippets.

@bahiamartins

bahiamartins/pagination.html

Created November 21, 2019 12:54
Show Gist options
  • Save bahiamartins/3d2a528720a26e87d3118664a5af4436 to your computer and use it in GitHub Desktop.
Save bahiamartins/3d2a528720a26e87d3118664a5af4436 to your computer and use it in GitHub Desktop.
Download ZIP
Django Pagination in HTML
Raw
pagination.html
<div class="text-center">
{% if pages.has_other_pages %}
<ul class="pagination">
{% if pages.has_previous %}
<li>
<a href="?page=1{% querystring request %}">&laquo;&laquo;</a>
</li>
<li>
<a href="?page={{ pages.previous_page_number }}{% querystring request %}">&laquo;</a>
</li>
{% else %}
<li class="disabled">
<span>&laquo;&laquo;</span>
</li>
<li class="disabled">
<span>&laquo;</span>
</li>
{% endif %}
{% for pg in pages.paginator.page_range %}
{% if pg > pages.number|add:"-4" and pg < pages.number|add: "4" %}
<li class="{% if pages.number == pg %}active{% endif %}">
<a href="?page={{ pg }}{% querystring request %}">{{ pg }}</a>
</li>
{% endif %}
{% endfor %}
{% if pages.has_next %}
<li>
<a href="?page={{ pages.next_page_number }}{% querystring request %}">&raquo;</a>
</li>
<li>
<a href="?page={{ pages.paginator.num_pages }}{% querystring request %}">&raquo;&raquo;</a>
</li>
{% else %}
<li class="disabled">
<span>&raquo;</span>
</li>
<li class="disabled">
<span>&raquo;&raquo;</span>
</li>
{% endif %}
</ul>
{% endif %}
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment