Pagination

views.py

Import:

from django.core.paginator import Paginator

Selected view:

@login_required
def home(request):
    user_species = DBSpecies.objects.filter(species_owner=request.user)
    fossils_without_specie = DBFossil.objects.filter(fossil_owner=request.user, fossil_species__isnull=True)   

    paginator = Paginator(user_species, 10) # Limit the number of elements displaed per page
    page = request.GET.get('page')
    species = paginator.get_page(page)

    return render(request, 'app_fossils/home.html', {
        'species': species,
        'fossils_without_specie': fossils_without_specie,
        "nv": "home",
    })

---

Template

Add navigation:

<nav aria-label="Navigation">
    <ul class="pagination justify-content-center mt-3 mb-3 text-center">
      {% if species.has_previous %}
        <li class="page-item"><a class="page-link" href="?page=1"><<</a></li>
        <li class="page-item"><a class="page-link" href="?page={{ species.previous_page_number }}"><</a></li>
      {% else %}
        <li class="page-item disabled"><a class="page-link"><<</a></li>
        <li class="page-item disabled"><a class="page-link"><</a></li>
      {% endif %}
    
      <li class="page-item dropdown">
        <button class="btn dropdown-toggle border rounded-0" type="button" data-bs-toggle="dropdown" aria-expanded="false" style="min-width: 150px">
          {{ species.number }} / {{ species.paginator.num_pages }}
        </button>
        <ul class="dropdown-menu">
          {% for page_num in species.paginator.page_range %}
            {% if page_num == species.number %}
              <li><a class="dropdown-item active" href="?page={{ page_num }}">{{ page_num }}</a></li>
            {% else %}
              <li><a class="dropdown-item" href="?page={{ page_num }}">{{ page_num }}</a></li>
            {% endif %}
          {% endfor %}
        </ul>
      </li>
      
      {% if species.has_next %}
        <li class="page-item"><a class="page-link" href="?page={{ species.next_page_number }}">></a></li>
        <li class="page-item"><a class="page-link" href="?page={{ species.paginator.num_pages }}">>></a></li>
      {% else %}
        <li class="page-item disabled"><a class="page-link" href="#">></a></li>
        <li class="page-item disabled"><a class="page-link" href="#">>></a></li>
      {% endif %}
    </ul>
  </nav>