Tablesorter pager update bug
by sp00n82
HTML
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.tablesorter/2.31.1/js/jquery.tablesorter.combined.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery.tablesorter/2.31.1/css/jquery.tablesorter.pager.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery.tablesorter/2.31.1/css/theme.blue.css">
<table id="sorted-table" class="tablesorter">
<thead>
<tr>
<th>ID</th>
<th>Text</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>lasdf</td>
</tr>
<tr>
<td>2</td>
<td>3bsdf</td>
</tr>
<tr>
<td>3</td>
<td>rcsdf</td>
</tr>
<tr>
<td>4</td>
<td>mdsdf</td>
</tr>
<tr>
<td>5</td>
<td>oesdf</td>
</tr>
<tr>
<td>6</td>
<td>sfsdf</td>
</tr>
<tr>
<td>7</td>
<td>ygsdf</td>
</tr>
<tr>
<td>8</td>
<td>whsdf</td>
</tr>
<tr>
<td>9</td>
<td>uisdf</td>
</tr>
<tr>
<td>10</td>
<td>qjsdf</td>
</tr>
<tr>
<td>11</td>
<td>iksdf</td>
</tr>
<tr>
<td>12</td>
<td>vlsdf</td>
</tr>
<tr>
<td>13</td>
<td>cmsdf</td>
</tr>
<tr>
<td>14</td>
<td>pnsdf</td>
</tr>
<tr>
<td>15</td>
<td>aosdf</td>
</tr>
</tbody>
</table>
<div id="pager" class="pager">
<form>
<span class="first">First</span>
<span class="prev">Previous</span>
<input type="text" class="pagedisplay" />
<span class="next">Next</span>
<span class="last">Last</span>
<select class="pagesize">
<option value="10" selected="selected">10</option>
<option value="20">20</option>
<option value="30">30</option>
<option value="40">40</option>
</select>
</form>
</div>
CSS
table {
border: 1px solid black;
}
th, td {
border: 1px solid black;
padding: 2px 4px;
}
JavaScript
var table = $("#sorted-table");
table
.tablesorter({widthFixed: true, widgets: ["zebra"]})
.tablesorterPager({container: $("#pager"), size: 10});