先上图:
之前在做表格插件想把分页整合进去,原本去网站找一个现成的整合进去,发现有些太简单或者很复杂,达不到自己的要求,自己想还是自己整一个,顺便了解一下其中的原理。
分页样式是基于boostarp的。
(1)页面引入boostarp.css和jquery
(2)html代码
<div id="pageBox" style="width:1000px;margin: 30px auto;">
</div>
(2)js代码
var total = 500,//数据总条数
pageNumber = 1,//当前页
pageSize = 10, //每页显示的条数
edges = 2,//两侧显示的页码数 大于1
playes = 5,//主页码区显示的页码数 大于3
pages = M