Skip to content

joelbugarini/pagination-observer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

19 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Pagination Observer

Simple table pagination based in MutationObserver API. Just add class="pagination-observer" to your table and then call the script. Optionally you can set the atributes data-current="1" and data-show="5" to configure the initial page and the number of element to show.

<table class="pagination-observer" data-current="1" data-show="5">
        <tr><td>1</td><td>Alexander Benton</td><td>viverra.Donec.tempus@ridicsAenean.ca</td><td>Apr 9, 2016</td></tr>
        <tr><td>2</td><td>Garrison Barrera</td><td>commodo.alibero@anteVivamusnon.com</td><td>Jan 12, 2017</td></tr>
        <tr><td>3</td><td>Cathleen Vaughan</td><td>Duinissim@nec.co.uk</td><td>Mar 23, 2016</td></tr>
        <tr><td>4</td><td>Angelica Booth</td><td>Nulla.semper.tellus@aptenttaciti.org</td><td>Oct 14, 2015</td></tr>
        <tr><td>5</td><td>Barbara Barber</td><td>amet.massa.Quisque@etcommodoat.com</td><td>Jul 1, 2017</td></tr>
</table>

This will render something like this:

alt table