四键导航

显示前进、后退、第一个和最后一个按钮。

  • 作者:Allan Jardine
  • 弃用:此插件已弃用,并替换为其他功能。有关详细信息,请参见以下详细描述。

内置分页功能提供两个按钮(前进/后退)或许多按钮(前进、后退、第一个、最后一个和各个页面)。此插件介于两者之间,提供前进、后退、第一个和最后一个的导航控件。

数据表已使用 pagingType 初始化选项的 full 选项内置了此功能。因此,此插件被标记为已弃用。

用途

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

浏览器

此插件可在数据表 CDN 上获得

JS

然后,此插件将自动在全局数据表实例上注册自身。如果您使用 Require.js 等 AMD 加载器,也可以使用此文件。

请注意,如果您使用多个插件,从性能的角度来看,将插件合并到一个文件中并在您自己的服务器上托管(而不是向数据表 CDN 发送多个请求)会很有益。

NPM

所有插件都可在 NPM(也可用作 Yarn 或任何其他 Javascript 包管理器)上获得,作为 datatables.net-plugins 的一部分。要使用此插件,请先安装插件包

npm install datatables.net-plugins

ES 模块

然后,如果您使用 ES 模块,请导入 datatables.net、任何其他所需的数据表扩展,以及该插件

import DataTable from 'datatables.net';
import 'datatables.net-plugins/pagination/four_button.mjs';

CommonJS

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

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

示例

$(document).ready(function() {
      $('#example').dataTable( {
          "sPaginationType": "four_button"
      } );
  } );

版本控制

如果您有任何想法可以改进此插件或发现任何错误,可以在 GitHub 上找到它,且非常欢迎拉取请求!