类型检测插件

当 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');

插件