滾動導航

將頁面變更顯示為表格的重新繪製,滾動記錄。

此 DataTables 標準雙按鈕分頁控制的修改版本,透過為每個事件多次重新繪製表格,為分頁操作增加了一點動畫效果,每次繪製都會前進一行,直到到達表格中所需的點。

使用方式

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

瀏覽器

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

CommonJS

如果您正在為 Node 使用 CommonJS 載入器(例如,使用舊版本的 Webpack 或非模組化的 Node 程式碼),請使用以下方法來 require 外掛程式

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

範例

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

版本控制

如果您對如何改進此外掛程式有任何想法,或者發現任何錯誤,它可以在 GitHub 上取得,並且非常歡迎發出 Pull Request!