javascript - 指定我自己的页面大小选择下拉列表

Question

我想要一个位于数据表网格之外的选择菜单，我可以用它来控制页面大小。

我知道我可以使用 dom 选项并设置 >l 将页面大小下拉列表移动到网格内的任何位置。但是，我想使用网格之外的下拉菜单，因此无法使用此选项。

我假设我必须在自己的下拉列表中处理更改事件，然后执行某些操作来设置页面大小属性，然后调用 .draw()。

或者更好的是，在初始化数据表时，告诉它哪个选择下拉列表用于页面大小并让它处理更改。

Answer 1

您不必从头开始创建新的下拉菜单(长度菜单)，只需使用 detach() 将长度菜单移动到您想要放置的位置即可。 和 appendTo() 。在 dataTables 中，长度菜单的 id 始终为 <datatable-id>_length ，因此请在初始化数据表后执行此操作:

var dataTable = $("#example").DataTable();
...
$(document).ready(function() {
   $("#example_length").detach().appendTo('#container')
});

哪里#container是您希望将长度菜单放置在网格之外的位置。
请参阅演示 (1.10.x) -> http://jsfiddle.net/rjo8hfsu/