数据表订单选项

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

订单 option 用于指定必须排序的 DataTable 的行及其方向。它接受一个二维数组，允许一次在多列中指定排序。首先定义的列将在排序中获得更高的优先级。默认值为[[0, ‘asc’]] ，这意味着仅第一列按升序排序。

句法：

{ order: value }

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

• value：这是一个多维数组值，用于指定要对列进行排序的行和方向。每个数组中的第一个值是要排序的列号，从“0”开始，第二个是它的方向，可以是值“ asc ”或“ desc ”。

示例 1：在此示例中，第 3 列按升序排序。

HTML

  
  
  
  
  
  
  
  
  
  


  
    GeeksForGeeks
  
  DataTables order Option
  
  
  
    
      
        
        
        
      
    
    
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
    
  DayNameAge2Patricia222Caleb471Abigail485Rahim445Sheila222Lance485Erin481Christopher282Roary352Astra37
  
  
    // Initialize the DataTable
    $(document).ready(function () {
      $('#tableID').DataTable({
  
        // Set the 3rd column of the
        // DataTable to ascending order
        order: [[2, 'asc']]
      });
    }); 
  

输出：

示例 2：在本示例中，第 1 列按升序排序，然后第 2 列按降序排序。

HTML

  
  
  
  
  
  
  
  
  
  
  
     th
      {
       text-align:left; 
      }
  


  
    GeeksForGeeks
  
  DataTables order Option
  
  
  
    
      
        
        
        
      
    
    
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
      
        
        
        
      
    
  DayNameAge2Patricia222Caleb471Abigail485Rahim445Sheila222Lance485Erin481Christopher282Roary352Astra37
  
  
    // Initialize the DataTable
    $(document).ready(function () {
      $('#tableID').DataTable({
  
        // Set the 1st column of the
        // DataTable to ascending order
        // and the 2nd to descending order
        order: [[0, 'asc'], [1, 'desc']]
      });
    }); 
  

输出：

第 1 列的升序和第 2 列的降序

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