📜  数据表长度更改选项

📅  最后修改于: 2021-11-25 03:24:42             🧑  作者: Mango

DataTables是 jQuery 插件,可用于向网页的 HTML 表格添加交互式和高级控件。这也允许根据用户的需要对表中的数据进行搜索、排序和过滤。 DataTable 还公开了一个强大的 API,可以进一步用于修改数据的显示方式。

lengthChange选项用于指定是否显示更改每页行数的下拉列表。只有在启用 DataTable 分页时才会显示此下拉列表,因为禁用它会自动删除下拉列表。值显示下拉列表,值将其删除。

句法:

{ lengthChange: value }

选项值:此选项具有如上所述和如下所述的单个值:

  • value:这是一个布尔值,指定是否显示更改行数的下拉列表。 默认值是true。

以下示例说明了此选项的用法。

示例 1:此示例通过删除下拉列表来禁用每页行的更改。

HTML


  
  
  
  
  
  
  
  


  

    GeeksForGeeks   

  

DataTables lengthChange Option

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             
IDNameAge
1Sam35
2Sam30
3Sameer45
4Rob4
5Robber68
6Mikasa25
7Eren23
8Jean35
9Walter65
10Jessie28
11Gabi20
12Tim30
13Max35
  


HTML


  
  
  
  
  
  
  
  


  

    GeeksForGeeks   

  

DataTables lengthChange Option

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             
IDNameAge
1Sam35
2Sam30
3Sameer45
4Rob4
5Robber68
6Mikasa25
7Eren23
8Jean35
9Walter65
10Jessie28
11Gabi20
12Tim30
13Max35
  


输出:

示例 2:此示例允许更改 DataTable 每页的行。

HTML



  
  
  
  
  
  
  
  


  

    GeeksForGeeks   

  

DataTables lengthChange Option

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             
IDNameAge
1Sam35
2Sam30
3Sameer45
4Rob4
5Robber68
6Mikasa25
7Eren23
8Jean35
9Walter65
10Jessie28
11Gabi20
12Tim30
13Max35
  

输出: