![](/img/trans.png)
[英]JQuery tablesorter pager plugin doesn't work properly with IE11 in Edge mode
[英]jQuery tablesorter&pager plugin doesn't work correct
我正在嘗試使jQuery tablesorter的尋呼機正常工作。 沒有尋呼機,一切正常,但是當我嘗試使用尋呼機時,出現了問題。
當我不將分頁器的限制從10更改為5或2時,排序和分頁均無效。 然后,它顯示了一個空表。 但是,當我事先更改限制時,一切正常嗎? 那不是應該的方式,對嗎? ^^
jQuery的:
<script>
$(document).ready(function(){
var validator = $("#searchForm").validate({
});
});
$(document).ready(function()
{
$("#myTable")
.tablesorter({widthFixed: true, widgets: ['zebra']})
.tablesorterPager({container: $("#pager")});
});
表:
// name of database dable == header of table
echo "<table id=\"myTable\" class=\"tablesorter\"><thead><tr>";
foreach( sqlsrv_field_metadata($stmt) as $fieldMetadata)
{
echo "<th>".$fieldMetadata ['Name']."</th>";
}
echo "<th>Details</th>";
echo "</thead>";
echo "<tbody>";
// printing table rows
while($row = sqlsrv_fetch_array($stmt, SQLSRV_FETCH_ASSOC))
{
echo "<tr>";
// $row is array... foreach( .. ) puts every element
// of $row to $cell variable
foreach($row as $cell){
echo "<td>$cell</td>";
}
echo "</tr>\n";
}
echo "</tbody>";
echo "</table>";
echo("<br>");
傳呼機:
<div id="pager" class="pager">
<form>
<img src="/images/first.png" class="first"/>
<img src="/images/prev.png" class="prev"/>
<input type="text" class="pagedisplay"/>
<img src="/images/next.png" class="next"/>
<img src="/images/last.png" class="last"/>
<select class="pagesize">
<option value="">>LIMIT</option>
<option value="2">2 per page</option>
<option value="5">5 per page</option>
<option value="10">10 per page</option>
</select>
</form>
</div>
在第一次通話中指定10有幫助嗎?
$(document).ready(function()
{
$("#myTable")
.tablesorter({widthFixed: true, widgets: ['zebra']})
.tablesorterPager({container: $("#pager"), size: 10});
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.