numString
对正则表达式中任何位置包含的数字值进行排序。
此插件将仅对包含在正则表达式中任何位置的数字值进行排序。这对于对需要在表中包含一些额外内容的数据进行排序非常有用。
使用
可以通过多种不同的方式获取和使用此插件。
浏览器
此插件可在 DataTables CDN 中找到
JS
然后,插件将针对全局 DataTables 实例自动注册自身。如果使用 AMD 加载程序(如 Require.js),也可使用此文件。
请注意,如果使用多个插件,以单一文件形式将这些插件整合在一起并将其托管在自己的服务器上(而非向 DataTables CDN 发出多次请求),在性能方面可能会有好处。
NPM
这些插件作为 datatables.net-plugins
包 的一部分,均可在 NPM(也可以与 Yarn 或任何其他 JavaScript 软件包管理器结合使用)中找到。若要使用此插件,请首先安装插件包
npm install datatables.net-plugins
ES 模块
然后,如果使用的是 ES 模块,请导入 datatables.net
、任何其他所需的 DataTables 扩展,以及插件
import DataTable from 'datatables.net';
import 'datatables.net-plugins/sorting/numString.mjs';
CommonJS
如果为 Node 使用 CommonJS 加载程序(例如使用旧版本的 Webpack 或非模块化的 Node 代码),请采用以下方法require
插件
var $ = require('jquery');
var DataTable = require('datatables.net');
require('datatables.net-plugins/sorting/numString.js');
示例
// This example shows a mixture of text and number values, with the number at the start of the expression.
// It is using regex and start and end of expression tags.
// It will match "5 examples completed." for example.
DataTable.numString(/^\d+ examples? completed.$/);
var table = $('#example').DataTable();
// This example shows a mixture of text and number values, with the number at the end of the expression.
// It is using regex and start and end of expression tags.
// It will match "Examples left: 67" for example.
DataTable.numString(/^Examples? left: \d+$/);
var table = $('#example').DataTable();
// This example shows a mixture of text and number values, with the number in the middle of the expression.
// It is using regex and no start and end of expression tags.
// It will match "Only 1 left." for example.
DataTable.numString(/Only \d+ left./);
var table = $('example').DataTable();
版本控制
如果对如何改进此插件有任何想法,或者发现任何错误,可在 GitHub 上找到它,我们非常欢迎大家提交请求!
- 此插件:numString.js
- 完整 DataTables 插件存储库:DataTables/Plugins