Skip to content

botmonster/jquery-bootpag

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

55 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

bootpag - dynamic pagination

This jQuery plugin helps you create dynamic pagination with Bootstrap or in any other html pages.

Example

Snippet that dynamic loads number of pages. More examples can be found on project homepage

<p id="content">Dynamic page content</p>
<p id="pagination-here"></p>
$('#pagination-here').bootpag({
    total: 7,          // total pages
    page: 1,            // default page
    maxVisible: 5,     // visible pagination
    leaps: true         // next/prev leaps through maxVisible
}).on("page", function(event, num){
    $("#content").html("Page " + num); // or some ajax content loading...
    // ... after content load -> change total to 10
    $(this).bootpag({total: 10, maxVisible: 10});
});

License

Plugin available under MIT license (See LICENSE file)

Copyright (c) 2013-2015 botmonster.com