Skip to content
A jQuery plugin that simplifies the usage of the Bootstrap Pagination component.
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
demo
lib
src
LICENSE.txt
Readme.md
bower.json

Readme.md

Bootstrap Pagy

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)

Demo

http://medihack.github.io/bootstrap-pagy/demo/

Download

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);

License

Licensed under the Apace License: http://opensource.org/licenses/Apache-2.0

Copyright(c) 2013 Kai Schlamp

You can’t perform that action at this time.