ITPub博客

首页 > IT职业 > IT图书 > kPagination纯js实现分页插件

kPagination纯js实现分页插件

IT图书 作者:wonjin 时间:2021-09-09 09:37:28 0 删除 编辑

kPagination分页插件

纯js分页插件,压缩版本~4kb,样式可以自定义

demo

使用方法

配置项

选项 类型 说明
offset number 可以显示的按钮个数
showPrev boolean 是否显示上一页按钮
showNext boolean 是否显示下一页按钮
jumpPage boolean 是否显示跳转输入框
jumpText string 跳转按钮的文字
pageChange function 页面触发回调
afterRefresh function 重新渲染成功回调

可选样式

选项 说明
k-pagination-num-wrap 分页容器样式
k-pagination-input-wrap 按钮容器样式
k-pagination-num 页码样式
k-pagination-num-active 激活样式
k-pagination-disabled 禁止样式
k-pagination-num-input 输入框样式
k-pagination-jump-btn 跳转按钮样式
k-pagination-jump-dot 省略号样式

附上github地址,喜欢的朋友给个star吧,有bug可以反馈哈,我会第一时间修复

原文链接:https://segmentfault.com/a/1190000015759074

原文作者:kelen


来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/3265/viewspace-2805316/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2019-08-30

  • 博文量
    81
  • 访问量
    819