Django 5.1.4
Python 3.12.4
Hi Guys, Once again I seek advice from you. Basically doing a partial page load (table) using HTMX and have no issues doing that. It’s when I try to do pagination. Either the paging won’t page forward but does show there are 2 pages (page\_obj : \), or streams rows off the page indefinitely or the page control UI itself does not show at all. I have tried all I can come up with to get this to work.
Outline:
I’m loading / setting up an initial page (_base\_console\_ap.html_) then have an **hx-get** to a view( **console\_view** - no data returned) to ‘load’ a partial page ( **task\_index.html** ) this also includes a partial page ( **task\_list.html** ) some table elements ` ` with hx-get to task\_index view that returns data and loads task\_row.html etc…
The code below shows the first page of data and the paging UI with a page count of 2 but will not page forward.
**base\_console\_ap.html**
```auto
The pagination links need to trigger HTMX requests and update the correct target.
**First** , modify your **task\_index.html** to include a container for the table and pagination:
```auto
Task
Created On
Notes
Actions
```
**Second** , update your **task\_row.html** to include HTMX attributes in the pagination links:
```auto
{% for task in page_obj %}
{{ task.task }}
{{ task.created_on }}
{{ task.notes }}
{% endfor %}
{% if page_obj.has_previous %}
{% endif %}
{% for page_number in page_obj.paginator.page_range %}
{% if page_obj.number == page_number %}
{% else %}
{% endif %}
{% endfor %}
{% if page_obj.has_next %}
{% endif %}
Total record count: {{ count }}
```
**Third** , update your view to handle both initial and HTMX requests:
```auto
def task_index(request):
tasks = Task.objects.all().order_by(_TASK_ORDBY)
paginator = Paginator(tasks, 4)
page_number = request.GET.get('page', 1)
try:
page_obj = paginator.page(page_number)
except PageNotAnInteger:
page_obj = paginator.page(1)
except EmptyPage:
page_obj = paginator.page(paginator.num_pages)
context = {
'page_obj': page_obj,
'count': tasks.count()
}
if request.htmx:
template = 'console_app/task_row.html'
else:
template = 'console_app/task_index.html'
return render(request, template, context)
```
**Fourth** , I suppose that your **urls.py** contain something like this:
```auto
urlpatterns = [
path('console/', console_view, name='console_view'),
path('tasks/', task_index, name='task_index'),
]
```
---
Thank you so much.
It really worked great. I believe it also fixes the filter issues with pagination. I will test that and update. Thank you once again.
---