DataTables displayStart 选项

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

该displayStart option 用于指定 DataTable 将从哪个行开始显示其行。当启用分页并且表必须从某一行开始时使用它。指定一行将在该行对应页面的表格上开始。

句法：

{ displayStart: value }

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

• 值：这是一个数字，表示 DataTable 将开始显示表格的行。

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

示例 1：在此示例中，指定的值从给定的行及其对应的页开始。

HTML

  
  
  
  
  
  
  
  
  
  
  
    td{
     text-align:center;
    }
  


  
    GeeksforGeeks
  
  DataTables displayStart Option
  
  
  
    
      
        
        
      
    
    
      
        
        
      
      
        
        
      
      
        
        
      
      
        
        
      
      
        
        
      
      
        
        
      
      
        
        
      
      
        
        
      
      
        
        
      
      
        
        
      
    
  NumberName1One2Two3Three4Four5Five6Six7Seven8Eight9Nine10Ten
  
  
    // Initialize the DataTable
    $(document).ready(function () {
      $('#tableID').DataTable({
  
        lengthMenu: [ 3, 5, 10 ],
          
        // Set the starting row
        // of the DataTable
        displayStart: 4
      });
    }); 
  

输出：

显示开始

示例 2：与上面的示例类似，指定的值从给定的行及其对应的页开始。

HTML

  
  
  
  
  
  
  
  
  
  
  
    td
    {
       text-align:center;
    }
  


  
    GeeksForGeeks
  
  DataTables displayStart Option
  
  
  
    
      
        
        
      
    
    
      
        
        
      
      
        
        
      
      
        
        
      
      
        
        
      
      
        
        
      
      
        
        
      
      
        
        
      
      
        
        
      
      
        
        
      
      
        
        
      
    
  NumberName1One2Two3Three4Four5Five6Six7Seven8Eight9Nine10Ten
  
  
    // Initialize the DataTable
    $(document).ready(function () {
      $('#tableID').DataTable({
  
        lengthMenu: [ 5, 10 ],
          
        // Set the starting row
        // of the DataTable
        displayStart: 5
      });
    }); 
  

输出：

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