Pager design

Context

Full pagers indicate how many pages there are, and jump to first/last/previous/next.

Mini pagers only navigate forward and back.

Discovery

Full pagers show ellipsis when links are hidden.

Full pager with elipsis

This pager is too wide at narrow widths.

Full pager too wide on narrow screens

Mini pager only shows the current page number. You can add a result count to the footer, but it's disconnected.

Mini pager with result count in footer, disconnected

DC Pager does the same thing I was trying to do. It changes the first and last pager links to 1 and the last page #, and moves them inside prev/next with the other numbers.

DC pager first/last links as page numbers
Documentation
Issue status