🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

The simplest jQuery pagination plugin dynamically generates basic pagination controls to navigate between paginated content by clicking on the next & prev buttons.

Pagination

Documentation

PaginateIt

A jQuery content paginator!

Index

Introduction

PaginateIt is a jQuery plugin, that lets you easily paginate content!

Requirements

The only requirement needed is jQuery that you can install it via Bower.

Usage

Simply include the paginateIt JS

<html>     <head>         <script type="text/javascript" src="path-to/js/paginateIt.js"></script>     </head> </html>

Create any grid like this (this is bootstrap, but you can use for example UIkit or a custom grid!)

<div id="container" class="row" paginate="3">     <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">         my content 1     </div>     <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">         my content 2     </div>     <!-- ....... -->     <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">         my content n     </div> </div>

in the container div you tell paginateIt how many elements for page you want. And you're done!

License

Check out LICENSE file (MIT)


You May Also Like