文本输入导航

显示一个输入元素,用户可以在其中输入页码

有时候为了快速导航,允许终端用户手动输入希望跳转到的页面非常有用。此分页控件使用文本输入框接受新的分页号(还允许使用箭头键),同时还向终端用户展示四个标准的导航按钮。

使用

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

浏览器

此插件提供于 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/pagination/input.mjs';

CommonJS

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

var $ = require('jquery');
var DataTable = require('datatables.net');
require('datatables.net-plugins/pagination/input.js');

示例

$(document).ready(function() {
      $('#example').DataTable( {
          "pagingType": "input"
      } );
  } );

版本控制

如果您有任何关于如何改进此插件的想法,或者发现任何错误,请在 GitHub 上提供,我们非常欢迎提出请求!