No commit activity in last 3 years
No release in over 3 years
There's a lot of open issues
A simple and clean pagination implementation for jQuery and Twitter Bootstrap.
2005
2006
2007
2008
2009
2010
2011
2012
2013
2014
2015
2016
2017
2018
2019
2020
2021
2022
2023
2024
 Dependencies
 Project Readme

jQuery Bootstrap Pagination

A simple, full-featured, pagination system for jQuery that outputs Twitter Bootstrap marked up pagination links. Of course, there's no reason you need to use this with Bootstrap, the HTML output is very clean.

Installation

The library can be used in CoffeeScript, JavaScript, and Rails applications very easily.

Standalone

CoffeeScript

Use the src/jquery-bootstrap-pagination.coffee file.

JavaScript

Use the vendor/assets/javascripts/jquery-bootstrap-pagination.js file. This file is auto generated from the CoffeeScript file.

Rails 3.x

Add this line to your application's Gemfile:

gem 'jquery-bootstrap-pagination'

And then execute:

$ bundle

Add it to your application.js file:

//= require jquery-bootstrap-pagination

Usage

CoffeeScript

# Basic usage:
$("#my-pagination-section").pagination()

# With options:
$("#my-pagination-section").pagination
  total_pages: 10
  current_page: 2
  callback: (event, page) ->
    alert("Page #{page} was clicked!")

# Retrieve the underlying PaginationView:
$("#my-pagination-section").data("paginationView")

JavaScript:

// Basic usage:
$("#my-pagination-section").pagination();

// With options:
$("#my-pagination-section").pagination({
  total_pages: 10,
  current_page: 2,
  callback: function(event, page) {
    return alert("Page " + page + " was clicked!");
  }
});

// Retrieve the underlying PaginationView:
$("#my-pagination-section").data("paginationView");

Options and Defaults:

# what is the current page:
current_page: 1
# how many pages are there total:
total_pages: 1
# change text of the 'next' link,
# set to false for no next link:
next: ">"
# change text of the 'previous' link,
# set to false for no previous link:
prev: "<"
# change text of the 'first' link,
# set to false for no first link:
first: false
# change text of the 'last' link,
# set to false for no last link:
last: false
# how many links before truncation happens:
display_max: 8
# render nothing if there is only 1 page:
ignore_single_page: true
# disable turbolinks:
no_turbolink: false

Contributing

  1. Fork it
  2. Create your feature branch (git checkout -b my-new-feature)
  3. Write/Run tests (bundle exec rake)
  4. Commit your changes (git commit -am 'Add some feature')
  5. Push to the branch (git push origin my-new-feature)
  6. Create new Pull Request

Contributors

  • Mark Bates
  • Eric Wollesen
  • Clinton Blackburn