数据表搜索延迟选项

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

搜索延迟 选项用于指定在表格中搜索输入搜索框的术语之前的毫秒数。这对于减少表的重绘次数和在较慢的系统上节省处理能力很有用。它接受一个整数值，表示延迟的毫秒数。客户端搜索的默认值为0ms，即搜索该值并立即显示结果。在服务器端，延迟设置为默认的 400 毫秒，以减少对服务器的调用次数。

注意：这仅影响 DataTable 的全局搜索框。更改此选项不会影响诸如 search() 之类的 API 方法。

句法：

{ searchDelay: value }

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

• value：这是一个整数值，指定执行搜索之前的毫秒数。

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

示例 1：在本示例中，我们将搜索延迟设置为 2000 毫秒。

HTML

  

  
  
  
  
  
  
  
  
  
  

  

  
    GeeksForGeeks
  
  DataTables searchDelay Option
  
  
  
    
      
        
        
        
      
    
    
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
    
  DayNameAge2Patricia222Caleb471Abigail485Rahim445Sheila222Lance485Erin481Christopher282Roary352Astra37
  
  
    // Initialize the DataTable
    $(document).ready(function () {
      $('#tableID').DataTable({
  
        // Enable delaying of the search
        // to the given number of milliseconds
        searchDelay: 2000
      });
    }); 
  

  

输出：

示例2：在本示例中，我们将搜索延迟设置为0 毫秒，这意味着搜索是即时的。

HTML

  

  
  
  
  
  
  
  
  
  
  

  

  
    GeeksForGeeks
  
  DataTables searchDelay Option
  
  
  
    
      
        
        
        
      
    
    
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
    
  DayNameAge2Patricia222Caleb471Abigail485Rahim445Sheila222Lance485Erin481Christopher282Roary352Astra37
  
  
  
    // Initialize the DataTable
    $(document).ready(function () {
      $('#tableID').DataTable({
  
        // Prevent any delay of the search
        // by setting the value to 0
        searchDelay: 0
      });
    }); 
  

  

输出：

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