类型检测插件
当 DataTables 初始化后,系统会自动扫描每一列以了解其中包含的数据类型,进而让 DataTables 能够运用所需的排序功能。系统内建三种类型(字符串、日期和数值),但此系统可以轻易运用以下功能得到扩展。这可以使安装排序插件变得更加简单,因为您无需为该栏指定 columns.type
- 系统会自动获取。
如何使用
要使用以下某个插件类型检测功能,您只需在加载 DataTables 库之后,在页面上可用的 JavaScript 中添加此插件及其对应的排序功能,但在初始化 DataTable 之前。接下来,您唯一要做的就是初始化 DataTable,系统会自动检测类型。
浏览器
要直接在浏览器中加载类型检测插件,直接加载此插件的 JavaScript 即可。举例而言,以下代码利用 file-size
插件来进行类型检测和排序,并将这种插件储存到一个档案中
<script type="text/javascript" src="jquery.dataTables.js"></script>
<script type="text/javascript" src="dataTables.file-size.js"></script>
<script type="text/javascript">
var table = new DataTable('#myTable');
</script>
我们的 CDN 供应可在浏览器中使用的插件。请查看每个插件的详细页面以获取完整的 CDN 网址。
ES 模块
类型检测插件也可以作为 ES 模块,可以从 datatables.net-plugins
包(.mjs
档案)中加载。您需要添加插件所需的文件。以下再次使用 file-size
作为范例
import DataTable from 'datatables.net';
import 'datatables.net-plugins/sorting/file-size.mjs';
import 'datatables.net-plugins/type-detection/file-size.mjs';
var table = new DataTable('#myTable');
CommonJS
如果您正在使用 CommonJS(也就是说,在较旧版本的 Node 或 Webpack 中),则可以加载 .js
档案,这会自动将该插件添加到 DataTables。和 DataTables 核心与扩展一样,CommonJS 载入器提供一个功能,您需要利用 window
和 $
/jQuery
物件呼叫此功能,例如。
var $ = require('jquery');
var DataTable = require('datatables.net')(window, $);
require('datatables.net-plugins/sorting/file-size.js')(window, $);
require('datatables.net-plugins/sorting/type-detection.js')(window, $);
var table = new DataTable('#myTable');
插件
currency | 检测带有货币单位符号的数值类型数据。 |
date-uk | 检测日期格式为 `dd/mm/yyyy` 的数据 |
file-size | 检测缩写档位数据(8MB、4KB、3B 等) |
formatted-num | formatted_numbers |
ip-address | 检测采用 IP 地址标示法的数据 |
num-html | 检测混合了 HTML 和数字数据的本机。 |
number-comma | 检测将逗号用作小数点位的数字数据。 |