Implement Pagination Using Jquery.

Guest User

5y660

I have Implement Pagination using jquery.But I have face a issue how to get record per page limmit .for e.g I have 20 record and I will set limitt 5 per page display data but I want to get record per page means not get all page same time 5 page get then next 5 page and 5 get .

3 Replies

Know the answer? Post it — somebody with the same question will find it here.

Guest User5y ago
http://plnkr.co/edit/3elrtkqzChAnHCal9Fg1?p=preview .Please check this example please let me know it's same as or not my requirement.
Yogi S5y ago
Make sure to put console.log on different lines of the code and check the values of variables creating paging links. This way you can easily debug. Also refer this - https://www.yogihosting.com/jquery-pagination/
Guest User5y ago
I'm use this code for paginantion
debugger;
var items = jQuery(".blog-post-teaser");--I have check this here get all record I want to (perPage = 5) get perpage data
var numItems = items.length;
var perPage = 5;
items.slice(perPage).hide();
$('#pagination-container').pagination({
items: numItems,
itemsOnPage: perPage,
prevText: "«",
nextText: "»",
onPageClick: function (pageNumber, event) {
event.preventDefault(event)
var showFrom = perPage * (pageNumber - 1);
var showTo = showFrom + perPage;
items.hide().slice(showFrom, showTo).show();