2015-09-28 43 views
0

我使用Datatables長度菜單,我想提請長度菜單出表,我這樣做是爲了全局搜索:數據表得出

HTML

<input type="text" id="myInputTextField"> 

的Javascript

$('#myInputTextField').keyup(function(){ 
    myTable.search($(this).val()).draw() ; 
}) 

這是可以做到這一點與長度菜單?

+0

是的,你可以通過自定義選擇框pagelength處理。看到我的答案[這裏](http://stackoverflow.com/questions/32823409/datatables-draw-length-menu/32823971#32823971)進一步的細節 –

回答

2

Demo

是的,你可以通過創建行大小選擇框使用自定義頁面大小處理程序的數據表,並添加一個onchange處理程序如下圖所示。

HTML:

<select id="pageSize"> 
    <option value="1">1</option> 
    <option value="3">3</option> 
    <option value="6">6</option> 
</select> 

JS:

var myTable = $('#example').DataTable({ 
    responsive: true 
}); 

$('#myInputTextField').keyup(function(){ 
    myTable.search($(this).val()).draw(); 
}); 

$('#pageSize').on('change', function(){ 
    myTable.page.len($(this).val()).draw(); 
}); 
+0

哇太棒了!非常感謝 – John