顯示錶根據行到下拉值

Question

我想提高或如果我從下拉表顯示具有選擇25通過從下拉

例如選擇的行數減少的表的行僅前25行只有

我想用這個plugin。但不知道如何使用這個

這是我的代碼jsfiddle

$('#nrows').change(function(){ 
    rows = $(this).val(); 
    alert(rows + ' Number of rows displayed using plugin'); 
    $('#table').dataTable(); 

}); 

請告訴我，我怎麼能顯示的行

Answer 1

的選定數。如果你這樣做在初始化時，你倒是使用pageLengthproperty：

$('#nrows').change(function() { 
    rows = $(this).val(); 
    $('#table').dataTable({'pageLength':rows}); 
}); 

的jsfiddle：http://jsfiddle.net/Wmfax/4/

這就是說，這隻會在你第一次初始化dataTable時起作用;之後，你會想要update the page length via the API並重新繪製表格。如果您嘗試多次使用上述內容，則在第二次切換nrows下拉列表後，您會收到一條錯誤消息，指出「無法重新初始化DataTable」。

這裏是初始化數據表的更改處理程序之外，那麼只有改變它的內部頁長的快速&骯髒的例子：http://jsfiddle.net/Wmfax/6/

我老老實實建議不要儘管創建自己的nrows選擇下拉菜單; DataTables很容易定製它們，然後您不必擔心兩者之間的衝突或覆蓋其用戶界面。