Jtdylktuy

I am paginating a data table and have different views in my application where each view has its own rows. Some views may have data, some may not.

Showing 1-0 of 0 Page 1 of 0

is what I am showing on a page with no rows.

If I had some rows to display, it would be

Showing 1-30 of 45 Page 1 of 1

What do I display in the empty case?

Some possibilities:

1. 
   

   Showing 0-0 of 0 Page 1 of 1

   
   




2. 
   

   Showing 0-1 of 1 Page 1 of 1

   
   

What do I do here?

For this situation you can use an empty state which can be just text or a graphic with text and an action button.

Example of an empty state from Product Hunt:

Good empty states will give the users an action button which can push them in the right direction. A button with something like "Rephrase your search" might work in this case.

It doesn't make sense to show any pagination because there are no results let alone one or even half a page of results.

I would hide Showing "0 results from 0 results".
Instead I would add in place a Blank State image with a button for the user to add data. ( If the user adds the data ).

Displaying a pagination where there are no results is purely an artefact of a not so good UX.

Example :

For completeness, there's a canonical bad solution to this that is extremely common: quietly (maybe even silently) generalize the user's query until the set of results is non-empty, and show them results that they weren't looking for. Sometimes this takes the form of guessing at other searches they might have meant, Other times it's just putting advertisements in their face.

Obviously (or maybe not so obviously, since it's so common), don't do this.

I think an empty results list is just fine, when your page navigation is good.

An empty results list is consequent. It doesn't break the expectations (e.g. showing a page which doesn't look like the search page at all, like the "bummer no results" page) and conveys "here is an empty list".

The important part is your navigation. If there was a search, make sure the search field is visible above (use the same layoutfor full and empty result lists). If it was a navigation in a FAQ with categories, then make sure the needed breadcrumbs to navigate back are visible.

Do not redirect to some other page (this will break simple fixes like changing the mistyped term directly in the URL) and do not provide action buttons which are not clearly useful. When I found no answer in the FAQ category, I do not want to return to the homepage. Maybe I want to return to the FAQ index, most likely I want to return to the parent category. In search results, I most likely want to change the search term.