使用文字輸入導覽

顯示一個輸入元素，使用者可以在其中輸入頁碼

有時為了快速導覽，允許終端使用者手動輸入他們想跳到的頁面會很有用。此分頁控制項使用文字輸入框來接受新的分頁號碼（也允許使用方向鍵），並且還向終端使用者呈現四個標準的導覽按鈕。

使用

此外掛程式可以通過多種不同的方式取得和使用。

此外掛程式可在 DataTables CDN 上取得

然後，此外掛程式將自動向全域 DataTables 實例註冊。如果您正在使用 AMD 加載器（例如 Require.js），也可以使用此檔案。

請注意，如果您正在使用多個外掛程式，將這些外掛程式組合成單個檔案並將其託管在您自己的伺服器上，而不是向 DataTables CDN 發出多個請求，在效能方面可能會有好處。

這些外掛程式都可在 NPM 上取得（也可以與 Yarn 或任何其他 Javascript 套件管理器一起使用），作為 datatables.net-plugins 套件的一部分。要使用此外掛程式，請先安裝外掛程式套件

npm install datatables.net-plugins

然後，如果您正在使用 ES 模組，請匯入 datatables.net、您需要的任何其他 DataTables 擴充功能以及此外掛程式

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

如果您正在使用 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 上取得，非常歡迎提出 pull request！