数据表绘制长度菜单

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