📜  数据表分页选项

📅  最后修改于: 2022-05-13 01:55:52.570000             🧑  作者: Mango

数据表分页选项

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

paging选项用于指定是否启用 DataTable 的分页。 DataTable 将显示在多个页面中的记录拆分,以便在一个页面上只显示一定数量的记录。可以使用下拉菜单选择要显示的记录数。值启用分页,值禁用分页。

句法:

{ paging: value }

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

  • value:这是一个布尔值,用于指定是否启用 DataTable 的分页。 默认值是true。

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



示例 1:本示例禁用 DataTable 的分页功能。

HTML


  
  
  
  
  
  
  
  

  

  

    GeeksForGeeks   

  

DataTables Paging Option

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


HTML


  
  
  
  
  
  
  
  


  

    GeeksForGeeks   

  

DataTables Paging Option

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


输出:

示例 2:此示例启用 DataTable 的分页功能。

HTML



  
  
  
  
  
  
  
  


  

    GeeksForGeeks   

  

DataTables Paging Option

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

输出: