Paginator is a customized pagination plugin made with jQuery. It's flexible and easy to use.
Please use the dropdown selector in the top left corner, the input box in the top right corner, the page index in the bottom left corner, or swipe on a touch screen device to play with this sample paginator.
You can easily use css to change the style, set the position and dimension for each element.
By default, the paginator viewport is as high as the highest page, and as wide as it can be (depends on parent element's width). However, you can change them with css as you want.
Also, you can use other html tag as a page in the paginator.
| column 1 | column 2 | column 3 |
|---|---|---|
| cell 1 | cell 2 | cell 3 |
| cell 4 | cell 5 | cell 6 |
| cell 7 | cell 8 | cell 9 |
- item 1
- item 2
- item 3
- item 4
- item 5
- item 6
The options and callback function are both optional, you will find the details below.
Just easily give them a class="page"