jQuery Pagination plugin

Optimized for bootstrap

View project on GitHub

Intro

This jQuery plugin simplifies the usage of Bootstrap Pagintion. It uses appropriate classes: .pagination (you change this one), .active and .disabled. Check out the demo.

Click to download:

Download .zip file Download .tar.gz file

Demo

    Here is corresponding piece of code:

    
        $('#pagination-demo').twbsPagination({
            totalPages: 35,
            visiblePages: 8,
            onPageClick: function (event, page) {
                $('#page-content').text('Page ' + page);
            }
        });
                

    Options

      Options explanation and default values:
    • totalPages the number of pages (required, checked)
    • startPage the current page that show on start(default: 1)
    • visiblePages maximum visible pages (default: 5)
    • href template for pagination links (default javascript:void(0);)
    • hrefVariable variable name in href template for page number (default {{number}})
    • first text label (default: 'First')
    • prev text label (default: 'Previous')
    • next text label (default: 'Next')
    • last text label (default: 'Last')
    • paginationClass the root style for pagination component (default: 'pagination'). You can use this option to apply your own style