前言
在开发前端页面时，有时需要在页面中呈现大量的数据信息，这时候就需要用到翻页功能，方便用户查看。而 js-paginator 是一个轻量级的 JavaScript 分页插件，可以很方便的帮助我们实现翻页功能。
安装
使用 npm 直接安装 js-paginator
npm install js-paginator
使用方法
引入 js-paginator
在需要使用分页插件的页面中，首先应该引入 js-paginator 的 js 文件。
<script src="path/to/js-paginator.min.js"></script>
初始化
在页面中引入 js-paginator 之后，我们需要初始化插件，来启用它的功能。
var myPaginator = new Paginator({
container: document.getElementById("pagination"),
pageLength: 10,
totalItems: 100,
onPageChange: function(page, itemsPerPage) {
// Change list of items, based on new page (page) and items per page (itemsPerPage)
}
});配置项
container(DOM Element)：分页器的容器元素。pageLength(Number)：每页的数据量。totalItems(Number)：数据的总量。onPageChange(Function)：翻页时的回调函数，会传递两个参数，当前页数和每页数据的数量。
API
.setPageLength(length)：设置每页的数据量。.setTotalItems(total)：设置数据的总量。.setCurrentPage(pageNumber)：设置当前页数。.setCallback(callback)：设置翻页回调函数。.destroy()：销毁分页器。
示例代码
-- -------------------- ---- -------
--------- -----
----- ----------
------
----- --------------- --
---------------------------
------- -------------------------------------------
-------
------
--- --------------
-------- ------
-------- ------
-------- ------
-------- ------
-------- ------
-------- ------
-------- ------
-------- ------
-------- ------
-------- -------
-------- -------
-------- -------
-------- -------
-------- -------
-------- -------
-------- -------
-------- -------
-------- -------
-------- -------
-------- -------
-----
---- ----------------------
--------
--- ----------- - --- -----------
---------- --------------------------------------
----------- --
----------- ---
------------- -------- ------ ------------- -
----------------- ------- ----- ----- ------- ------------- ------ --- --------
--- -------- - ---------------------------------------------------------------
--- ---- - - -- - - ---------------- ---- -
-- -- -- ----- - -- - ------------ -- - - ---- - ------------- -
------------------------- - --------
- ---- -
------------------------- - -------
-
-
-
---
---------
-------
-------总结
js-paginator 是一个简单易用的分页插件，可以很方便的为你的页面添加翻页功能。它的配置项和 API 非常简单易懂，可以轻松地满足各种需求。希望本文能够为你提供帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600562d981e8991b448e03af