Question

目前我正在使用脚本，

$(document).ready(function() {
    $('#example').DataTable( {
        "lengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]], "iDisplayLength" : 25
    });
});

HTML，

<input type="text" id=change />

我想更改lengthMenu。用户可以在上面的文本框中手动输入数字。通过使用输入值，我想将其设置为lengthMenu。

例如，如果用户在文本输入中输入3，则将lengthMenu更改为3.因此，数据表将显示每页3条记录。

提前致谢。

Answer 1

试试page.len() API method：

var length = $("#change").val();
table.page.len(length).draw();

Answer 2

（1）不要使用datatables的默认lengthMenu，写一个html输入并css它以适合你的页面。

（2）将事件绑定为：'keyup'到你的输入，调用datatables提供的事件：event-length。

数据表中的自定义LengthMenu

2 个答案: