隐藏的标题数值排序

根据空元素上的属性对数据进行数值排序。

  • 作者:Allan Jardine
  • 已弃用:此插件已弃用,并被其他功能替换。有关更多信息,请参阅下面的详细说明。

上述格式化数字排序功能的替代方法(特别是在考虑将小数点而非十进制位用于 103 分隔的区域设置时特别有用)。克服格式化数字排序困难的另一种方法是将要排序的数据与可视数据分开。此排序功能对将使用空跨元素(或任何其他内容)的“title”属性来进行数值排序(例如 <span title="1000000"><span>1'000'000)。

请注意,HTML5 data-sort 属性 可用于向 DataTables 提供排序数据,并且优先于使用此方法(因此将此方法标记为已弃用)。

用途

此插件可以通过多种不同方式获取和使用。

浏览器

此插件可在 DataTables CDN 上获得

JS

然后,插件将自动在全局 DataTables 实例中注册自身。如果您正在使用 AMD 加载器(例如 Require.js),也可以使用此文件。

请注意,如果您正在使用多个插件,将插件组合到单个文件中并在您自己的服务器上托管它,而不是向 DataTables CDN 发出多个请求,在性能方面是有益的。

NPM

所有插件都可在 NPM(也可以与 Yarn 或任何其他 Javascript 包管理器一起使用)作为 datatables.net-plugins的一部分获得。若要使用此插件,请先安装插件包

npm install datatables.net-plugins

ES 模块

然后,如果您正在使用 ES 模块,请导入 datatables.net、所需的任何其他 DataTables 扩展以及插件

import DataTable from 'datatables.net';
import 'datatables.net-plugins/sorting/title-numeric.mjs';

CommonJS

如果您正在使用适用于 Node 的 CommonJS 加载器(例如与较旧版本的 Webpack 或非模块化 Node 代码一起使用),请使用以下方法来 require 插件

var $ = require('jquery');
var DataTable = require('datatables.net');
require('datatables.net-plugins/sorting/title-numeric.js');

示例

$('#example').dataTable( {
     columnDefs: [
       { type: 'title-numeric', targets: 0 }
     ]
  } );

版本控制

如果您对如何改进此插件有任何想法,或发现任何错误,请在 GitHub 上获取并欢迎提出请求!