columns.orderDataType 给列分配实时DOM排序类型

最低支持版本:DataTables 1.10


描述(Description)

DataTables主要的排序功能( orderingOption 特性)是利用已经缓存在内存中的 数据,而不是每次读取DOM的数据来排序,考虑到从DOM读取本来就很慢。然后有时候又不得不从DOM中读取数据,比如表格中有表单元素, 这势必也会影响到性能。提供这个属性是为了插件在DataTables能提供此功能。

请注意,DataTables没有内置这个插件,他必须单独引用。查看 DataTables 排序插件页面获取更多信息。

类型(Type)

这个选项能够接受以下类型的参数:

例子(Example)

使用 columnDefsOption 设置实时排序类型 下面给出了一个表格包含了form表单元素的排序例子

  • 第3,4列按照text排序
  • 第4列按照数字排序
  • 第5列按照select排序
  • 第六列按照checkbox排序
1
2
3
4
5
6
7
8
$('#example').DataTable( {
   "columnDefs": [
       { "orderDataType": "dom-text", "targets": [ 2, 3 ] },
       { "type": "numeric", "targets": 3 },
       { "orderDataType": "dom-select", "targets": 4 },
       { "orderDataType": "dom-checkbox", "targets": 5 }
     ]
} );

使用 columnsOption 配置

1
2
3
4
5
6
7
8
9
10
$('#example').DataTable( {
     "columns": [
        null,
        null,
        { "orderDataType": "dom-text" },
        { "orderDataType": "dom-text", "type": "numeric" },
        { "orderDataType": "dom-select" },
        { "orderDataType": "dom-checkbox" }
      ]
} );

相关属性(Related)

下面的选项是直接相关的,也可能是您的应用程序的开发非常有用。

Options

https://datatables.net/reference/option/columns.orderDataType

Translation from DataTables.net, with permission

百度站内搜索

Google站内搜索

赞助我们

赞助我们

您的支持,将是我们前进的最大动力……