📜  数据表订单选项

📅  最后修改于: 2022-05-13 01:55:56.556000             🧑  作者: Mango

数据表订单选项

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

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

句法:

{ order: value }

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

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



示例 1:在此示例中,第 3 列按升序排序。

HTML


  
  
  
  
  
  
  
  


  

    GeeksForGeeks   

  

DataTables order Option

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  
DayNameAge
2Patricia22
2Caleb47
1Abigail48
5Rahim44
5Sheila22
2Lance48
5Erin48
1Christopher28
2Roary35
2Astra37
  


HTML


  
  
  
  
  
  
  
  
  


  

    GeeksForGeeks   

  

DataTables order Option

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  
DayNameAge
2Patricia22
2Caleb47
1Abigail48
5Rahim44
5Sheila22
2Lance48
5Erin48
1Christopher28
2Roary35
2Astra37
  


输出:

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

HTML



  
  
  
  
  
  
  
  
  


  

    GeeksForGeeks   

  

DataTables order Option

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  
DayNameAge
2Patricia22
2Caleb47
1Abigail48
5Rahim44
5Sheila22
2Lance48
5Erin48
1Christopher28
2Roary35
2Astra37
  

输出:

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

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