ExtJS 风格

符合 ExtJS 样式的分页

此分页外挂可为 DataTables 提供分页控制,与 ExtJS 库的网格组件风格和交互相匹配。

使用

可以通过多种不同的方式来获取和使用此外挂。

浏览器

在 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/pagination/extjs.mjs';

CommonJS

如果您使用的是适用于 Node 的 CommonJS 载入器(例如,与旧版本的 Webpack 或非模块 Node 代码一起使用),请使用以下方法来 require 外挂

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

范例

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

版本控制

如果您对如何改进此外挂有任何想法,或发现任何错误,欢迎您访问 GitHub 并提交拉取请求!