javascript - Tablesorter Pager Options Set Default Rows To 5 -

I'm trying to get the table to display 5 results for each page instead of 10. I saw the same question here but the solution was not working for me

  & lt; Script & gt; $ (Document) .ready (function () {// Defined Pager option var pagerOptions = {// target pager markup - see HTML block below the container: $ (". Pager"), size: 5, // output String {{page}, {totalPages}, {startRow}, {endRow} and {totalRows} output: '{startrow} - {endRow} / {filteredRows} (default)' {pages} / {TotalPages} '; {TotalRows}), // If true, then the table will be the same height regardless of how many records are displayed. Space is set on the basis of the space, up to the height for reimbursement by table table row; The default is fixed incorrectly: True, // Remove rows from the table to speed up like a large table. // Set it to false, hides only non-visible rows, if you plan to add / remove rows with pagers then it is necessary. RemoveRows: go to false, // page selector - Select the dropdown that sets the current page CSS: '.gotopage'}; $ ("# Test"). ['Zebra', 'Filters',' Pager ',' Columns'], Widget Option: {// Output Default: '{Page: A Blesorter (subject:' blue ', date format: "mmiday"), widget: } {{Startpage}}} {/} {/ para} {FilteredRows} {true filter_childRows: true, // class name filter line and each input applies to filter_cssFilter: 'Tablering', during filtering, contains the content of the hair row: 'Tableers (Total Roy)}' , // '{pages} / {totalPages}' pager_removeRow S: Incorrect, -filter ', // search from start filter_startsWith: false, // searches case sensitive filter_ignoreCase: true}}) to set this option wrong .tablesorterPager (pagerOp environment);}); & Lt; / Script & gt;  

I really need help on this. By default, there are always 10 rows, even if I've specified 5. 5 When I select from the pager drop-down menu, but this is not the default when loading the tables.

  & lt; Select class = "gotoPage2" aria-disabled = "false" & gt; & Lt; / Select & gt; & Lt; Img class = "disabled first" title = "first page" alt = "first" src = "~ / content / picture / first page" tabindex = "0" aria-disabled = "true" /> & Lt; Img class = "prev disabled" title = "previous page" alt = "back" src = "~ / content / picture / prev.png" tabindex = "0" aria-disabled = "true" /> & lt; Span class = "pagedisplay" & gt; & Lt; / Span & gt; & Lt ;! - This can be any element, which contains input - & gt; & Lt; Img class = "next" title = "next page" alt = "next" src = "~ / content / image / next" tabindex = "0" aria-disabled = "false" /> & Lt; Img class = "last" title = "last page" alt = "last" src = "~ / content / image / last" "tabindex =" 0 "aria-disabled =" false "/> & gt; select class = "Pagesize">  5  gt; & lt; option value = 10/10 & lt; / Option & gt; Option value = "20" & gt; 20  gt; option value = "30" & gt; 30 & lt; / option & gt; option & lt; option Value = "40"> 40  gt; & gt; Selection & gt; & lt; / div & gt;  

You have received a reply too long, but only you can get your new page Choose an option to reflect

   "pagesize">  option selected = "selected" value = "5" & gt; 5 & lt; / Option & gt; & lt; option value = "5" & gt; 5 & lt; / option & gt; Option value = "10" & gt; 10 & lt; / option & gt; & lt; Option value = "15"> 15  gt; option value = "20" & gt; 20 & lt; / option & gt; & Lt; Option value = "25" & gt; 25 & lt; / Options & gt; & Lt; Option value = "30" & gt; 30 & lt; / Options & gt; & Lt; / Select & gt;