Skip to content

Instantly share code, notes, and snippets.

@FMFigueroa
Created July 8, 2021 15:23
Show Gist options
  • Save FMFigueroa/597bb7f68df53b464035f5771e36a59f to your computer and use it in GitHub Desktop.
Save FMFigueroa/597bb7f68df53b464035f5771e36a59f to your computer and use it in GitHub Desktop.
DJANGO BOOTSTRAP PAGINATOR
{% if paginator.num_pages > 1%}
<div class="d-flex justify-content-center">
<ul class="pagination">
{% if entity.has_previous %}
<li class="page-item d-none d-sm-block"><a class="page-link" href="?page={{ entity.previous_page_number }}#pagtable">Anterior</a></li>
{% endif %}
{% for page in paginator.page_range %}
{% if forloop.last and page != entity.number and paginator.num_pages > 7 %}
{% if entity.next_page_number != paginator.num_pages%}
<li class="page-item">
<a class="page-link" href="?page={{ entity.number | add:1}}#pagtable">...</a>
</li>
{% endif %}
<li class="page-item">
<a class="page-link" href="?page={{paginator.num_pages}}#pagtable">{{paginator.num_pages}}</a>
</li>
{% endif %}
{% if page == entity.number and page > 7 %}
<li class="page-item">
<a class="page-link" href="?page={{ page | add:-1 }}#pagtable">...</a>
</li>
{% endif %}
{% if page < 7 or page == entity.number %}
<li class="page-item {% if page == entity.number %}active{% endif %}">
<a class="page-link" href="?page={{ page }}#pagtable">{{ page }}</a>
</li>
{% endif %}
{% endfor %}
{% if entity.has_next %}
<li class="page-item d-none d-sm-block">
<a class="page-link" href="?page={{ entity.next_page_number }}#pagtable">Siguiente</a>
</li>
{% endif %}
</ul>
</div>
<div class="d-flex justify-content-center d-sm-none">
{% if entity.has_previous %}
<span class="page-item"><a class="page-link" href="?page={{ entity.previous_page_number }}#pagtable">Anterior</a></span>
{% endif %}
{% if entity.has_next %}
<span class="page-item"><a class="page-link" href="?page={{ entity.next_page_number }}#pagtable">Siguiente</a></span>
{% endif %}
<br>
<br>
</div>
{% endif %}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment