Simple pager optionally without numbers. Demo is here
Install with npm:
$ npm install -S tiny-pager
You need a DOM element with .pager class to create pager. See example
var pager = require('tiny-pager');
var numeric = pager(document.querySelector('.numeric')).total(5).render();The actual content displayed by pages is CSS driven. By default the page number is displayed but you
can style .active and .incactive class to display whatever you want: custom fonts, shapes,
colors etc.
Creates a pager as a child of el
Pager is not rendered until render is called
Render pager - needs to be called whenever number ot total pages changes.
Sets number of pages to be displayed. Pages are numbered from 0 to n-1.
You need ot call render to refresh the component it total changes.
Selects n-th page - n is 0-based
show is generated whenver user clicks on a page, its parameter is a 0-based page number
MIT