javascript - 数据表绘制长度菜单

Question

我正在使用Datatables我想在表格中绘制长度菜单，就像我在全局搜索中所做的那样:

HTML

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

Javascript

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

可以通过长度菜单做到这一点吗？

Answer 1

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();
});