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 提出 Pull Request!