使用 HTML 的数字

对混合 HTML 数据和数字数据的排序。

  • 作者:Allan Jardine
  • 弃用:此插件已弃用,并已用其他功能替换。请参阅下文中的详细说明,以了解更多信息。

此排序插件可帮助处理包含数字数据 HTML 标签。使用“html”类型可剥离 HTML,并按字符串进行排序;使用此类型可剥离 HTML,并按数字进行排序。另外请注意,此排序插件有一个同等类型检测插件,其可简化集成。

DataTables 1.10+ 已内置 HTML 数字数据类型检测和排序功能。因此,此插件被标记为已弃用,但在使用 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/num-html.mjs';

CommonJS

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

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

示例

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

版本控制

如果你有任何想法,关于如何改进此插件或发现任何错误,可以在 GitHub 上进行获取,我们非常欢迎请求!