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

Specify my own select dropdown for page size

本文关键字：我自己 自己的 选择 下拉列表 小指      更新时间：2023-09-26

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

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

我

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

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

您不必从 scracth 创建新的下拉菜单(长度菜单(，只需使用 detach() 和 appendTo() 将长度菜单移动到您希望它定位的任何位置即可。在 dataTables 中，长度菜单始终具有 id <datatable-id>_length ，因此在初始化 dataTable 后执行此操作：

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

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

相关文章：