Skip to main content

Render Django Page objects as Bootstrap 3.x-5.x Pagination compatible HTML

Project description

Django Bootstrap Pagination

PyPi version PyPi downloads

Current Version

Version: 2.1.0

Original Package

This package was originally found at https://github.com/jmcclell/django-bootstrap-pagination

This version has had some modifications to work with later versions of Django, and some additional functionality is being grafted in. This is still a work in progress.

Bootstrap Compatibility

Versions Bootstrap Notes
< 2.0.0 See original
>= 2.0.0 3.x, 4.x, 5.x Works effectively with versions over this range

This application serves to make using Twitter's Bootstrap Pagination styles work seamlessly with Django Page objects. By passing in a Page object and one or more optional arguments, Bootstrap pagination bars and pagers can be rendered with very little effort.

Compatible with Django 3.x and 4.x and with Bootstrap versions from 3.x through 5.x

Installation

PIP

This will install the latest stable release from PyPi.

    pip install django-bootstrap-pagination-nigelm

Download

Download the latest stable distribution from:

http://pypi.python.org/pypi/django-bootstrap-pagination-nigelm

Download the latest development version from:

github @ https://github.com/nigelm/django-bootstrap-pagination-nigelm

Usage

Setup

Make sure you include bootstrap_pagination in your installed_apps list in settings.py:

    INSTALLED_APPS = (
        'bootstrap_pagination',
    )

Additionally, include the following snippet at the top of any template that makes use of the pagination tags:

    {% load bootstrap_pagination %}

Finally, make sure that you have the request context processor enabled:

    TEMPLATES = [
        {
            # ...
            'OPTIONS': {
                context_processors': [
                    # ...
                    'django.template.context_processors.request',
                ]
            }
        }
    ]

bootstrap_paginate

All Optional Arguments:-

  • range - Defines the maximum number of page links to show. Ignored in elided mode.
  • elided - Boolean value - if true then the page is in elided mode, where the first and last sets of pages, and a group of pages around the current page are shown, with an ellipsis entry wherever a set of pages are skipped.
  • on_each_side - number of pages shown before/after the current page in elided mode. Default value 3.
  • on_ends - number of pages shown at the start/finish of the set of pages in elided mode. Default value 2.
  • show_prev_next - Boolean. Defines whether or not to show the Previous and Next links. (Accepts "true" or "false")
  • previous_label - The label to use for the Previous link
  • next_label - The label to use for the Next link
  • ellipsis_label - The text to display for skipped page sets. Defaults to &hellip;
  • show_first_last - Boolean. Defines whether or not to show the First and Last links. (Accepts "true" or "false")
  • first_label - The label to use for the First page link
  • last_label - The label to use for the Last page link
  • show_index_range - Boolean, defaults to "false". If "true" shows index range of items instead of page numbers in the paginator. For example, if paginator is configured for 50 items per page, show_index_range="true" will display [1-50, 51-100, 101-150, 151-200, 201-250, etc.] rather than [1, 2, 3, 4, 5, etc.].
  • url_view_name - A named URL reference (such as one that might get passed into the URL template tag) to use as the URL template. Must be resolvable by the reverse() function. If this option is not specified, the tag simply uses a relative url such as ?page=1 which is fine in most situations
  • url_param_name - Determines the name of the GET parameter for the page number. The default is "page". If no url_view_name is defined, this string is appended to the url as ?{{url_param_name}}=1.
  • url_extra_args - Only valid when url_view_name is set. Additional arguments to pass into reverse() to resolve the URL.
  • url_extra_kwargs - Only valid when url_view_name is set. Additional named arguments to pass into reverse() to resolve the URL. Additionally, the template tag will add an extra parameter to this for the page, as it is assumed that if given a url_name, the page will be a named variable in the URL regular expression. In this case, the url_param_name continues to be the string used to represent the name. That is, by default, url_param_name is equal to page and thus it is expected that there is a named page argument in the URL referenced by url_view_name. This allows us to use pretty pagination URLs such as /page/1
  • extra_pagination_classes - A space separated list of CSS class names that will be added to the top level <ul> HTML element. In particular, this can be utilized in Bootstrap 4 installations to add the appropriate alignment classes from Flexbox utilities: eg: justify-content-center
  • hx_target - For use with HTMX pages, sets the target id, it will also change all the links to use hx-get instead of href and adds a hx-swap="OuterHTML"

Basic Usage

The following will show a pagination bar with a link to every page, a previous link, and a next link:

    {% bootstrap_paginate page_obj %}

The following will show a pagination bar with at most 10 page links, a previous link, and a next link:

    {% bootstrap_paginate page_obj range=10 %}

The following will show a pagination bar with at most 10 page links, a first page link, and a last page link:

    {% bootstrap_paginate page_obj range=10 show_prev_next="false"
       show_first_last="true" %}

Advanced Usage

Given a url configured such as:

    archive_index_view = ArchiveIndexView.as_view(
        date_field='date',
        paginate_by=10,
        allow_empty=True,
        queryset=MyModel.all(),
        template_name='example/archive.html'
    )

    urlpatterns = patterns(
        'example.views',
        url(r'^$', archive_index_view, name='archive_index'),
        url(r'^page/(?P<page>\d+)/$', archive_index_view,
            name='archive_index_paginated'))

We could simply use the basic usage (appending ?page=#) with the archive_index URL above, as the archive_index_view class based generic view from django doesn't care how it gets the page parameter. However, if we want pretty URLs, such as those defined in the archive_index_paginated URL (ie: /page/1), we need to define the URL in our template tag:

    {% bootstrap_paginate page_obj url_view_name="archive_index_paginated" %}

Because we are using a default page parameter name of "page" and our URL requires no other parameters, everything works as expected. If our URL required additional parameters, we would pass them in using the optional arguments url_extra_args and url_extra_kwargs. Likewise, if our page parameter had a different name, we would pass in a different url_param_name argument to the template tag.

bootstrap_pager

A much simpler implementation of the Bootstrap Pagination functionality is the Pager, which simply provides a Previous and Next link.

All Optional Arguments:-

  • previous_label - Defines the label for the Previous link
  • next_label - Defines the label for the Next link
  • previous_title - Defines the link title for the previous link
  • next_title - Defines the link title for the next link
  • centered - Boolean. Defines whether or not the links are centered. Defaults to false. (Accepts "true" or "false")
  • url_view_name - A named URL reference (such as one that might get passed into the URL template tag) to use as the URL template. Must be resolvable by the reverse() function. If this option is not specified, the tag simply uses a relative url such as ?page=1 which is fine in most situations
  • url_param_name - Determines the name of the GET parameter for the page number. Th default is "page". If no url_view_name is defined, this string is appended to the url as ?{{url_param_name}}=1.
  • url_extra_args - Only valid when url_view_name is set. Additional arguments to pass into reverse() to resolve the URL.
  • url_extra_kwargs - Only valid when url_view_name is set. Additional named arguments to pass into reverse() to resolve the URL. Additionally, the template tag will add an extra parameter to this for the page, as it is assumed that if given a url_name, the page will be a named variable in the URL regular expression. In this case, the url_param_name continues to be the string used to represent the name. That is, by default, url_param_name is equal to "page" and thus it is expected that there is a named page argument in the URL referenced by url_view_name. This allows us to use pretty pagination URLs such as /page/1
  • url_anchor - The anchor to use in URLs. Defaults to None
  • extra_pager_classes - A space separated list of CSS class names that will be added to the top level <ul> HTML element. This could be used to, as an example, add a class to prevent the pager from showing up when printing.

Normal Usage

Usage is basically the same as for bootstrap_paginate. The simplest usage is:

    {% bootstrap_pager page_obj %}

A somewhat more advanced usage might look like:

    {% bootstrap_pager page_obj previous_label="Newer Posts" next_label="Older Posts"
       url_view_name="post_archive_paginated" %}

Download files

Download the file for your platform. If you're not sure which to choose, learn more about installing packages.

Source Distribution

Built Distribution

File details

Details for the file django_bootstrap_pagination_nigelm-2.1.0.tar.gz.

File metadata

File hashes

Hashes for django_bootstrap_pagination_nigelm-2.1.0.tar.gz
Algorithm Hash digest
SHA256 c247d7a83b526e60ab55030cbc82f97fb81712dd7a525e7903c0d62345c884f8
MD5 fd2d38510f74aba64ab15c0fedd1e5ac
BLAKE2b-256 1f1f07160d9f10e69d7799c3c4f085ee92cea3aeccc85b25af9051ef6e67c201

See more details on using hashes here.

File details

Details for the file django_bootstrap_pagination_nigelm-2.1.0-py3-none-any.whl.

File metadata

File hashes

Hashes for django_bootstrap_pagination_nigelm-2.1.0-py3-none-any.whl
Algorithm Hash digest
SHA256 1b7750e764f0469c974616606eb0cf28fb9db40b59349b0d46666a585011c00d
MD5 585276702a36dfc59f5e459b8a7a7505
BLAKE2b-256 e8796b417645c25914c995020fb299c8893a4bb016bdae72e8aa9349173f0ccc

See more details on using hashes here.

Supported by

AWS AWS Cloud computing and Security Sponsor Datadog Datadog Monitoring Fastly Fastly CDN Google Google Download Analytics Microsoft Microsoft PSF Sponsor Pingdom Pingdom Monitoring Sentry Sentry Error logging StatusPage StatusPage Status page