Bootstrap Pagy : jQuery plugin simplifies the Bootstrap Pagination component

Download   Demo

About

Bootstrap Pagy is a jQuery plugin that simplifies the use of the Bootstrap Pagination component.

Why

There are already other pagination plugins using the Bootstrap markup: boogpag and Bootstrap Paginator.

In contrast to those plugins Bootstrap Pagy provides a fixed inner window (compare the demos to see what this means). The page layout algorithm used is inspired by Kaminari.

Features

• Custom previous and next button


• Custom first and last button


• Custom inner window size (default 2)


• Custom outer window size (default 0)


• Set current page and total pages programmatically


• Code under Apache License


• Only depends on jQuery (for Javascript) and Bootstrap (for Markup)

Usage

Minimal usage:

$(".pagination").pagy(
 totalPages: 20,
 currentPage: 3,
 page: function(page) 
 // do something when page changed;
 return true;
 
);

All available (default) options:

$(".pagination").pagy(
 currentPage: null,
 totalPages: null,
 innerWindow: 2,
 outerWindow: 0,
 first: '«',
 prev: '‹',
 next: '›',
 last: '»',
 gap: '..',
 truncate: false,
 page: function(page) return true 
);

Set current page programmatically:

$(".pagination").pagy("page", 4);

Set current page and total pages programmatically:

$(".pagination").pagy("page", 4, 20);

Bootstrap Pagy : jQuery plugin simplifies the Bootstrap Pagination component