Table component pagination issue

Hi Gliders
I encountered an issue that I’m not sure if its a bug, or how can I resolve it.

TLDR: I have a table with pagination and filters. When users change filters, the table reloads but doesn’t reset pagination, which causes issues when the number of pages changes. A reset filter button fixes it temporarily, but it’s not ideal for UX. Looking for a better solution.

I have a page with table component, and when there are many results it shows pagination below.
In the same page I have choice components that filter that table.

The issue is when for example a user scrolls through the table results with the pagination.
Lets say he scrolls to page 4 of the results out of 20 pages.
Then, he changes some of the filters, now the total pages are 9.
You see the “loading” pop up and the results are filtered, however the user is still in page 4…
An expected behavior would be that when a filter changes and the table loads again, the page selection would reset and go back to 1…

This becomes a real issue if for example the new filter reduces the total pages to 3.
Now the user will not see any results since he is on page 4 of the pagination…

In order to overcome this, I have put a “reset filter” button which clears all of his selections and when he chooses again, the pagination goes back to 1.
However this is not a viable solution as far as expected UI/UX basics…

Anyone encountered this issue?

Thanks!

I agree with the problem reported here, and you should talk to the team about it.

However, I tried to reproduce this, and if your current page is larger than the filtered pages, it brought me back to the last page of the filtered results, so in your example, I will be brought to page 3.

1 Like

You are correct, the case I describe for the no results, happened when I applied a filter that returned… well… no results! haha

Thanks for the input. I will report to the team about this

1 Like

I talked to the team and the issue has been added to their backlog to be fixed!

1 Like

Thanks for the update!

1 Like