数据表 pageLength 选项

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

帕GE长度选项用于指定的一个页面上显示的表中的行数。当分页用于显示多行时，此选项是相关的。它接受一个整数值，表示要显示的行数。

句法：

{ pageLength: value }

参数：此选项具有如上所述和下文所述的单个值。

• value：这是一个整数值，指定要显示的行数。 默认值为 10。

下面的例子说明了这个选项的用法。

示例 1：此示例演示将每页的行数设置为 3。

HTML

  
  
  
  
  
  
  
  
  
  
  
    th
    {
       text-align:left;
    }
  


  
    GeeksForGeeks
  
  DataTables pageLength Option
  
  
  
    
      
        
        
        
      
    
    
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
    
  DayNameAge2Patricia222Caleb471Abigail485Rahim445Sheila222Lance485Erin481Christopher282Roary352Astra37
  
  
    // Initialize the DataTable
    $(document).ready(function () {
      $('#tableID').DataTable({
  
        // Set the number of rows to be 
        // displayed per page on the DataTable
        pageLength: 3
      });
    }); 
  

输出：

示例 2：此示例演示将每页的行数设置为 6。

HTML

  

  
  
  
  
  
  
  
  
  
  
  
    th {
      text-align:left; 
    }
  

  

  
    GeeksForGeeks
  
  DataTables pageLength Option
  
  
  
    
      
        
        
        
      
    
    
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
    
  DayNameAge2Patricia222Caleb471Abigail485Rahim445Sheila222Lance485Erin481Christopher282Roary352Astra37
  
  
    // Initialize the DataTable
    $(document).ready(function () {
      $('#tableID').DataTable({
  
        // Set the number of rows to be 
        // displayed per page on the DataTable
        pageLength: 6
      });
    }); 
  

  

输出：

页长为 6

参考链接： https://datatables.net/reference/option/pageLength