Show only a maximum of 5 numbers in relation to the current page and use ellipsis marks “…” to indicate the preceding and following pages.
Page numbering is always shown in ascending order. The previous pages represented with the left arrow icon only become active from page 2 onwards.
You can use a selector within the pagination bar so that the user can change the number of rows displayed per page :
Do not use infinite scrolling or the load more option, if the user needs to find specific data.
Use infinite scrolling when the user is just browsing - so they need to see a large number of items in order to find what they like. To discover more, visit the page about the scroll component.
Highlight the current page number and always use a legend indicating the number of entries.
Don’t be unclear about the current state : users should always know where they currently are and where they can go.
Keep pagination for very long lists of items.
Do not use pagination for less than 25 items nor within articles