Skip to content

Instantly share code, notes, and snippets.

@nikolaygit
Last active December 25, 2015 12:49
Show Gist options
  • Save nikolaygit/6979190 to your computer and use it in GitHub Desktop.
Save nikolaygit/6979190 to your computer and use it in GitHub Desktop.
Add previous next pagination. 1) requirements.txt 2) settings.py 3) template.html 4) style.css 5) pagination-previous-next.html Uses Django Endless Pagination: http://django-endless-pagination.readthedocs.org/en/latest/index.html#
{% load endless %}
{% get_pages %}
<div class="pagination-previous-next">
<span class="pagination-previous-next__previous">{{ pages.previous }}</span>
<span class="pagination-previous-next__next">{{ pages.next }}</span>
</div>
...
django-endless-pagination==2.0
...
INSTALLED_APPS = (
# ...
'endless_pagination',
# ...
)
ENDLESS_PAGINATION_PER_PAGE = 7
ENDLESS_PAGINATION_PREVIOUS_LABEL = '<b>&#9001;</b> Zurück'
ENDLESS_PAGINATION_NEXT_LABEL = 'Weiter <b>&#9002;</b>'
.pagination-previous-next {
clear: both;
text-align: center;
}
.pagination-previous-next__previous {
padding-right: 20px;
}
.endless_page_link {
font-size: 24px;
color: $green;
}
.endless_page_link:hover {
text-decoration: none;
color: $green;
}
{% load endless %}
{% lazy_paginate object_list %}
{% for object in object_list %}
...
{% endfor %}
{% include 'pagination-previous-next.html' %}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment