滚动浏览
以表格重绘、滚动记录的形式显示页面更改。
修改 DataTables 的标准双按钮分页控件,通过为每个事件多次重新绘制表格,实现分页操作的轻微动画效果,每次绘制都会按行递增,直到到达表中的所需点。
用法
可以通过多种不同方式获取和使用此插件。
浏览器
可以在 DataTables CDN 上获取此插件
JS
该插件会自动在全局 DataTables 实例上注册自身。如果您使用的是 Require.js 这样的 AMD 加载器,也可以使用此文件。
请注意,如果您使用多个插件,将插件组合在一个文件中并将其托管在您自己的服务器上,而不是对 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!
- 此插件:scrolling.js
- 完整 DataTables 插件存储库:DataTables/Plugins