Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- var $table = $("#table").tablesorter({
- widgets: ['zebra', 'columns', 'filter'],
- widthFixed : true,
- ignoreCase: true,
- widgetOptions : {
- filter_columnFilters: false
- }
- }).tablesorterPager({
- size: 2
- });
- items = $("table tbody tr");
- perPage = 2;
- numItems = items.length;
- items.slice(perPage).hide();
- $("#pagination").pagination({
- items: numItems,
- itemsOnPage: perPage,
- labelText: 'Showing',
- cssStyle: 'light-theme',
- onInit: function (){
- startItem = ((this.currentPage*this.itemsOnPage)+1);
- endItem = ((startItem-1)+this.itemsOnPage);
- if(endItem > this.items){
- endItem = this.items;
- }
- $('#pagination').prepend(
- '<div class="pagination-addon">'+
- '<label class="pagination-label">'+this.labelText+'</label> '+
- '<label class="pagination-start-item">'+startItem+'</label> - '+
- '<label class="pagination-end-item">'+endItem+'</label> of '+
- '<label class="pagination-total-items">'+this.items+'</label>'+
- '</div>'
- );
- },
- onPageClick: function(pageNumber) {
- this.onInit();
- items.hide().slice(startItem-1, endItem).show();
- }
- });
- <table id="table">
- <tr>
- <td> items1</td>
- <td>items2</td>
- <td>items3</td></tr>
- </table>
- <div id="pagination"></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement