数据表长度菜单选项

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

lengthMenu选项用于指定下拉列表中可用的选项，该下拉列表控制启用分页时单个页面将具有的行数。它可以使用仅允许指定行数的一维列表或允许指定行数和将实际显示在下拉列表中的文本的二维列表指定。

指定的长度值必须是正数。指定的任何负值将显示表中的所有可用行并禁用分页。

句法：

{ lengthMenu: value }

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

• value：这可以是一维或二维数组，用于确定分页长度菜单以及将显示的文本。

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

示例 1：在此示例中，使用一维数组指定选项下拉长度。

HTML

  

  
  
  
  
  
  
  
  
  
  

  

  
    GeeksForGeeks
  
  DataTables pageLength Option
  
  
  
    
      
        
        
        
      
    
    
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
    
  DayNameAge2Patricia222Caleb471Abigail485Rahim445Sheila222Lance485Erin481Christopher282Roary354Mikasa482Astra375Eren48
  
  
  
    // Initialize the DataTable
    $(document).ready(function () {
      $('#tableID').DataTable({
  
        // Set the pagination length menu
        // to the given allowed sizes
        lengthMenu: [ 3, 5, 10 ]
      });
    }); 
  

  

输出：

示例 2：在此示例中，二维数组用于指定选项下拉长度和将用于它们的文本。

HTML

  

  
  
  
  
  
  
  
  
  
  

  

  
    GeeksForGeeks
  
  DataTables pageLength Option
  
  
  
    
      
        
        
        
      
    
    
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
    
  DayNameAge2Patricia222Caleb471Abigail485Rahim445Sheila222Lance485Erin481Christopher282Roary354Mikasa482Astra375Eren48
  
  
  
    // Initialize the DataTable
    $(document).ready(function () {
      $('#tableID').DataTable({
  
        // Set the pagination length menu
        // to the given allowed sizes
        // and display the given labels
        lengthMenu: [
          [ 3, 5, 10, -1 ],
          [ "Some", "More", "Some More", "All"]
        ]
      });
    }); 
  

  

输出：

参考： https://datatables.net/reference/option/lengthMenu