Advertisement
Guest User

Untitled

a guest
Sep 4th, 2015
66
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.06 KB | None | 0 0
  1. var $table = $("#table").tablesorter({
  2. widgets: ['zebra', 'columns', 'filter'],
  3. widthFixed : true,
  4. ignoreCase: true,
  5. widgetOptions : {
  6. filter_columnFilters: false
  7. }
  8. }).tablesorterPager({
  9. size: 2
  10. });
  11.  
  12. items = $("table tbody tr");
  13. perPage = 2;
  14. numItems = items.length;
  15. items.slice(perPage).hide();
  16. $("#pagination").pagination({
  17. items: numItems,
  18. itemsOnPage: perPage,
  19. labelText: 'Showing',
  20. cssStyle: 'light-theme',
  21. onInit: function (){
  22. startItem = ((this.currentPage*this.itemsOnPage)+1);
  23. endItem = ((startItem-1)+this.itemsOnPage);
  24. if(endItem > this.items){
  25. endItem = this.items;
  26. }
  27. $('#pagination').prepend(
  28. '<div class="pagination-addon">'+
  29. '<label class="pagination-label">'+this.labelText+'</label> '+
  30. '<label class="pagination-start-item">'+startItem+'</label> - '+
  31. '<label class="pagination-end-item">'+endItem+'</label> of '+
  32. '<label class="pagination-total-items">'+this.items+'</label>'+
  33. '</div>'
  34. );
  35. },
  36.  
  37. onPageClick: function(pageNumber) {
  38. this.onInit();
  39. items.hide().slice(startItem-1, endItem).show();
  40. }
  41. });
  42.  
  43. <table id="table">
  44. <tr>
  45. <td> items1</td>
  46. <td>items2</td>
  47. <td>items3</td></tr>
  48. </table>
  49. <div id="pagination"></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement