四按鈕導覽

顯示前進、後退、第一頁和最後一頁按鈕。

  • 作者:Allan Jardine
  • 已棄用:此外掛程式已棄用,並由其他功能取代。請參閱以下詳細說明以了解更多資訊。

內建的分頁功能提供兩個按鈕(前進/後退)或多個按鈕(前進、後退、第一頁、最後一頁和個別頁面)。此外掛程式則介於兩者之間,提供前進、後退、第一頁和最後一頁的導覽控制項。

DataTables 使用 pagingType 初始化選項的 full 選項內建此功能。因此,此外掛程式被標記為已棄用。

使用方式

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

瀏覽器

此外掛程式可在 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/four_button.mjs';

CommonJS

如果您使用 CommonJS 載入器 (適用於 Node,例如使用舊版的 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 上找到,非常歡迎提出 Pull Request!