数据表 orderCellsTop 选项

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

orderCellsTop选项用于指定订单事件处理程序将应用于表格中的哪个单元格。这可用于使用多个复杂标头的情况。将选项设置为true会将订单事件处理程序附加到表格的顶部唯一单元格，而将选项设置为false会将其附加到表格的底部单元格，这是默认行为。

{ orderCellsTop: value }

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

• value：这是一个布尔值，用于指定订单事件处理程序将附加到标题的哪个单元格中。默认值为假。

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

示例 1：在此示例中，订单事件处理程序将应用于标题的顶部单元格。

HTML

  

  
  
  
  
  
  
  
  
  
  

  

  
    GeeksForGeeks
  
  DataTables orderCellsTop Option
  
  
  
    
      
        
        
        
      
      
        
        
        
      
    
    
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
    
  DayNameAgeDay SelectorName SelectorAge Selector2Patricia222Caleb471Abigail485Rahim445Sheila222Lance485Erin481Christopher282Roary354Mikasa482Astra375Eren48
  
  
  
    // Initialize the DataTable
    $(document).ready(function () {
      $('#tableID').DataTable({
  
        // Use the bottom cell for
        // the order listener
        orderCellsTop: false,
      });
    }); 
  

  

输出：

示例 2：在此示例中，订单事件处理程序将应用于标题的底部单元格。

HTML

  

  
  
  
  
  
  
  
  
  
  

  

  
    GeeksForGeeks
  
  DataTables orderCellsTop Option
  
  
  
    
      
        
        
        
      
      
        
        
        
      
    
    
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
    
  DayNameAgeDay SelectorName SelectorAge Selector2Patricia222Caleb471Abigail485Rahim445Sheila222Lance485Erin481Christopher282Roary354Mikasa482Astra375Eren48
  
  
  
    // Initialize the DataTable
    $(document).ready(function () {
      $('#tableID').DataTable({
  
        // Use the top unique cell for
        // the order listener
        orderCellsTop: true,
      });
    }); 
  

  

输出：

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