bootstrap_input

该插件提供的功能与default分页类型(参见pagingType选项)相同,但具有用于跳转页面的输入字段,可与 bootstrap 主题配合使用。

使用

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

浏览器

此插件可在 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/bootstrap_input.mjs';

CommonJS

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

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

示例

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

版本控制

如果您有关于如何改进此插件的想法,或者发现任何错误之处,请访问 GitHub,非常欢迎提交请求!