<div class="row">
    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
        <ul class="pagination justify-content-center">

            {% if items.has_previous %}
            <li class="page-item">
              <a class="page-link" href="?page=1" tabindex="-1">First Page</a>
            </li>
            <li class="page-item">
              <a class="page-link" href="?page={{ items.previous_page_number }}" tabindex="-1"><i class="fa fa-angle-left" aria-hidden="true"></i></a>
            </li>
            {% endif %}

            <li class="page-item">
                <a class="page-link" href="#">{{ items.number }} {% trans 'of' %} {{ items.paginator.num_pages }}</a>
            </li>

            {% if items.has_next %}
            <li class="page-item">
              <a class="page-link " href="?page={{ items.next_page_number }}"><i class="fa fa-angle-right" aria-hidden="true"></i></a>
            </li>
            <li class="page-item">
              <a class="page-link" href="?page={{ items.paginator.num_pages }}">Last Page</a>
            </li>
            {% endif %}
        </ul>
    </div>
</div>

Now you can run your project and you will see the pagination.

2. Single Item pagination.

In this type of Django pagination, one page carries only an item with its details and the next page carries the next Item with its own details. In this case, I call it pagination by ID or Primary Key which there means that the next page button caries the URL of the next item if there a next item meanwhile the previous page button carries the previous page URL if there is a previous item

You are going to create another function that will display the details of an item your views.py file as below.

def item_details(request, item_id):
	get_item = Items.objects.get(id=item_id)

	#pagination buttons
	next_page = Items.objects.filter(id__gt=get_item.id).order_by('id').first()
	previous_page = Items.objects.filter(id__lt=get_item.id).order_by('-id').first()


	return render(request, 'item_details.html', {'previous_page':previous_page, 'next_page':next_page})

Let's pass the function to our urls.py file.

from django.contrib import admin
from django.urls import include, path, re_path

from myapp.views import item_list


urlpatterns = [
    path('admin/', admin.site.urls),

    path('', item_list, name='item_list'),
    
    path('item_details/<item_id>/', item_details, name="item_details"),
]

You are going to create a template file called item_details.html where the details about an item will be displayed, add the below snippet on it as below.

<p>
	{% if next_page %}
	<a  class="btn btn-primary btn-lg btn-alt"  style="float: right" href="{% url 'item_details' next_page.id %}">Next Item</a>
	{% else %}
	<a class="btn btn-primary btn-lg btn-alt" href="{% url 'item_details' previous_page.id %}">Previous Item</a>
	{% endif %}
</p>

Fire up your server and it should just work perfectly. 

If you need the source code please comment below and do not hesitate to ask if you face any difficulty.

If you need immediate help you can get to on twitter at @cmuloh