数据表长度更改选项

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

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

句法：

{ lengthChange: value }

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

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

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

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

HTML

  
  
  
  
  
  
  
  
  
  


  
    GeeksForGeeks
  
  DataTables lengthChange Option
  
  
  
    
      
        
        
        
      
    
    
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
    
  IDNameAge1Sam352Sam303Sameer454Rob45Robber686Mikasa257Eren238Jean359Walter6510Jessie2811Gabi2012Tim3013Max35
  
  
    // Initialize the DataTable
    $(document).ready(function () {
      $('#tableID').DataTable({
  
        // Disable the option to change
        // length in the DataTable
        lengthChange: false
      });
    }); 
  

输出：

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

HTML

  
  
  
  
  
  
  
  
  
  


  
    GeeksForGeeks
  
  DataTables lengthChange Option
  
  
  
    
      
        
        
        
      
    
    
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
    
  IDNameAge1Sam352Sam303Sameer454Rob45Robber686Mikasa257Eren238Jean359Walter6510Jessie2811Gabi2012Tim3013Max35
  
  
    // Initialize the DataTable
    $(document).ready(function () {
      $('#tableID').DataTable({
  
        // Enable the option to change
        // length in the DataTable
        lengthChange: true
      });
    }); 
  

输出：