javascript写一个页码器,包括切换页码、分页、上一页/下一页、省略页码等功能 |
您所在的位置:网站首页 › 前端翻页 › javascript写一个页码器,包括切换页码、分页、上一页/下一页、省略页码等功能 |
当表格数据太多时,通常需要做成分页。由于项目要求,使用原生js实现一个页码器,满足常规要求:切换页码、分页、上一页/下一页、页码超出时显示省略号,点击省略号往前/后显示几个隐藏的页码,附上下载资源链接:https://download.csdn.net/download/sxww_zyt/87485457 一、初始化页码获取数据之后渲染页码器,页码器初始化,小于6页的展示全部页码,否则展示前四页,后面是省略号,最后展示尾页(例如:< 1 2 3 4 ... 8 >)。 默认选中第一页,禁用前一页的箭头。 代码如下: function setPage(pageCount = 1, rowCount = 0, rootClassName, callback) { currentPage = 1; let docModule = document.getElementsByClassName(rootClassName)[0]; let numberDomLists = docModule.getElementsByClassName('number'); docModule.getElementsByClassName('el-pager')[0].innerHTML = '' docModule.getElementsByClassName('el-pagination__total')[0].innerText = '共 ' + rowCount + ' 条数据'; if (pageCount < 6) { for (let i = 1; i |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |