Fork me on GitHub

jQuery jPList plugin is deprecated. Please check pure JavaScript (ES6) jPList Library alternative instead.

Pagination Control Settings

Pagination Control

Control Settings:

Data Attribute Description Values Example
data-range pagination range number data-range="5"
data-mode pagination mode "google-like" or "" data-mode="google-like"
data-prev previous arrow text value data-prev="<"
data-next next arrow text value data-next=">"
data-first first arrow text value data-first="<<"
data-last last arrow text value data-last=">>"
data-jump-to-start Jump to the first page after every jplist action (paging, filter etc.) true or false data-jump-to-start="true"

General Settings:

Data Attribute Description Values Example
data-control-type="pagination" panel control type definition 'pagination' data-control-type="pagination"
data-control-name="name" panel control name. It should be the same in the top and bottom panels string value data-control-name="paging"
data-control-action="paging" panel control action definition 'paging' data-control-action="paging"
data-control-storage="false" exclude control from storage (when cookies/localstorage is enabled) 'true' ot 'false' data-control-storage="false"
data-control-deep-link="false" exclude control from deep link (when deep linking is enabled) 'true' ot 'false' data-control-deep-link="false"
data-control-animation="false" exclude control from animation effects 'true' ot 'false' data-control-animation="false"
data-control-animate-to-top="false" perform "animate to top" effect for the given control; as a rule, used in bottom panel 'true' ot 'false' data-control-animate-to-top="false"