Pagination with Django Filter (Package) Django.How

Views.py

from django.shortcuts import render
from django.core.paginator import EmptyPage, PageNotAnInteger, Paginator
from .models import CustomUser
from .filters import CustomUserFilter
import django_filters

def users(request):
    user_list = CustomUser.objects.all().order_by('id')
    user_filter = CustomUserFilter(request.GET, queryset=user_list)

    paginator = Paginator(user_filter.qs, 10)
    page = request.GET.get('page')
    paged_listings = paginator.get_page(page)

    context = {
        'filter': user_filter,
        'paginator_filter': paged_listings
    }

    if request.method == 'GET':
        print('Get')
        return render(request, 'accounts/users.html', context)

Filters.py

from .models import CustomUser
import django_filters


class CustomUserFilter(django_filters.FilterSet):
    email = django_filters.CharFilter(label='Email', lookup_expr='exact',)
    first_name = django_filters.CharFilter(label='First name', lookup_expr='icontains',)
    last_name = django_filters.CharFilter(label='Last name', lookup_expr='icontains',)

    class Meta:
        model = CustomUser
        fields = fields = {
        }
        

Template.html

Search

</p> <section class="row container bg-white shadow-3 m-t-2 p1"> <form method="get" class="form django-form"> {% csrf_token %}<br /> {{ filter.form }}<br /> <button type="submit">Search</button><br /> </form> </section> <p>

Listing

<br /> {% for user in paginator_filter %}</p> <table> <tr> <td>{{ user.id }}</td> <td>{{ user.first_name }} {{ user.last_name }}</td> </tr> </table> <p> {% endfor %}<br />

Paginator

</p> <div class="row"> <div class="col-md-12"> {% if paginator_filter.has_other_pages %}</p> <ul class="pagination"> {% if paginator_filter.has_previous %}</p> <li class="page-item"> <a href="?page={{paginator_filter.previous_page_number}}" class="page-link">«</a> </li> <p> {% else%}</p> <li class="page-item disabled"></li> <p> <a class="page-link">«</a><br /> {% endif %}<br /> {% for i in paginator_filter.paginator.page_range %}<br /> {% if paginator_filter.paginator.page_range %}<br /> {% if paginator_filter.number == i%}</p> <li class="page-item active"><a class="page-link">{{i}}</a></li> <p> {% else %}</p> <li class="page-item"><a href="?page={{i}}" class="page-link">{{i}}</a></li> <p> {% endif%}<br /> {% endif %}<br /> {% endfor %}<br /> {% if paginator_filter.has_next %}</p> <li class="page-item"> <a href="?page={{paginator_filter.next_page_number}}" class="page-link">»</a> </li> <p> {% else%}</p> <li class="page-item disabled"></li> <p> <a class="page-link">»</a><br /> {% endif %} </ul> <p> {% endif %} </p></div> </p></div> <p>