Skip to content

naresh561/pagination

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

26 Commits
 
 
 
 
 
 
 
 

Repository files navigation

In This project i used a simple pagination technique along with searching and sorting the data and added serch data in range for numerical datatypes.

USAGE:

  1. Simply add Pagination.js (and other js files too)to your page.

  2. add a class "searchable" or "sortable" or both to your table header.

  3. add setRange for numeric data types. add selectable to prompt the user with certain uniqe amount of data.

  4. add data attr to each header in such a way that the value should be a key in json data.

  5. difine options object

    ex options = { recodsPerPage : 10, // optional by defult 10; paginationType : paginationTypeObject.arrowApproach, // by defult paginationTypeObject.arrowApproach you can use paginationTypeObject.buttonApproch searchURL : 'ajax/searchstudents.php',
    paginationURL : 'ajax/getstudentsdata.php', buttonsCount : 8 // optional by default 5 }; var paginator = new Paginator(options); // create object paginator.paginate(); // paginate it

  6. add json resourses like 'ajax/searchstudents.php', 'ajax/getstudentsdata.php' to search and retrieve data.

Thats it magic is done... Lets began the show.

Plese provide feedback or modifications to [email protected]

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published