Stylized paginator buttons

This commit is contained in:
Elijah 2023-11-24 12:19:27 +01:00
parent d2f8fcd56a
commit 3192694fba
1 changed files with 6 additions and 6 deletions

View File

@ -61,8 +61,8 @@
{% if table.page.has_previous %} {% if table.page.has_previous %}
{% block pagination.previous %} {% block pagination.previous %}
<li class="previous"> <li class="previous">
<a href="{% querystring table.prefixed_page_field=table.page.previous_page_number %}"> <a type="button" class="btn btn-grey border border-dark" href="{% querystring table.prefixed_page_field=table.page.previous_page_number %}">
{% trans 'previous' %} {% trans 'Previous' %}
</a> </a>
</li> </li>
{% endblock pagination.previous %} {% endblock pagination.previous %}
@ -72,9 +72,9 @@
{% for p in table.page|table_page_range:table.paginator %} {% for p in table.page|table_page_range:table.paginator %}
<li {% if p == table.page.number %}class="active"{% endif %}> <li {% if p == table.page.number %}class="active"{% endif %}>
{% if p == '...' %} {% if p == '...' %}
<a href="#">{{ p }}</a> <a type="button" class="btn btn-grey border border-dark" href="#">{{ p }}</a>
{% else %} {% else %}
<a href="{% querystring table.prefixed_page_field=p %}"> <a type="button" class="btn btn-grey border border-dark" href="{% querystring table.prefixed_page_field=p %}">
{{ p }} {{ p }}
</a> </a>
{% endif %} {% endif %}
@ -85,8 +85,8 @@
{% if table.page.has_next %} {% if table.page.has_next %}
{% block pagination.next %} {% block pagination.next %}
<li class="next"> <li class="next">
<a href="{% querystring table.prefixed_page_field=table.page.next_page_number %}"> <a type="button" class="btn btn-grey border border-dark" href="{% querystring table.prefixed_page_field=table.page.next_page_number %}">
{% trans 'next' %} {% trans 'Next' %}
</a> </a>
</li> </li>
{% endblock pagination.next %} {% endblock pagination.next %}