page.JumpToData()

通过从列中搜索数据来跳转到一个页面

直接跳转到某个页面常常很有用,而该页面包含某些特定数据(例如用户名)。此插件提供了这种能力,可从特定列中搜索给定数据参数并立即转换表格的分页以跳转到该点。

如果多个数据点与请求的数据匹配,则分页会转换以显示第一个实例。如果没有匹配,则分页将不会变化。

请注意,与核心 DataTables API 方法不同,此插件会自动调用 draw() 以使用当前显示的页面重新绘制该表格。

使用

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

浏览器

此插件可在 DataTables CDN 上获得

JS

插件会自动将其自身注册到一个全局 DataTables 实例。如果您使用 Require.js 等 AMD 加载器,也可以使用此文件。

请注意,如果您使用多个插件,将插件合并到单个文件并将其托管在您自己的服务器上可能会提高性能,而不是向 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/api/page.jumpToData().mjs';

CommonJS

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

var $ = require('jquery');
var DataTable = require('datatables.net');
require('datatables.net-plugins/api/page.jumpToData().js');

示例

var table = $('#example').DataTable();
  table.page.jumpToData( "Allan Jardine", 0 );

版本控制

如果您有任何关于如何改进此插件的想法或发现任何错误,可以在 GitHub 上获得它,非常欢迎向仓库提交拉取请求!