table分页的简单实现逻辑
为什么80%的码农都做不了架构师?>>>
//table分页函数showPageNum: function(pageNum, allPageNum) { //pageNum点击第几页,allPageNum总页数$(".c_page .c_page_list").children().remove();for(var i=1;i<=allPageNum;i++){var page = '<a href="###" data-index="'+i+'">'+i+'</a>'; var ellipses = '<span class="c_page_ellipsis">...</span>';if(allPageNum > 7){if(pageNum < 5){if(i<7 || i==allPageNum){$(".c_page .c_page_list").append(page);}if(i==allPageNum-1){$(".c_page .c_page_list").append(ellipses);} }else if(pageNum >= allPageNum-3){if(i > allPageNum-6 || i == 1){$(".c_page .c_page_list").append(page);}if(i == 1){$(".c_page .c_page_list").append(ellipses);}} else {if(i == allPageNum){$(".c_page .c_page_list").append(ellipses);$(".c_page .c_page_list").append(page);}if(i == 1){$(".c_page .c_page_list").append(page);$(".c_page .c_page_list").append(ellipses);}if(pageNum+2 < allPageNum){if(pageNum-2 <= i && i <= pageNum+2){$(".c_page .c_page_list").append(page);}}} } else {$(".c_page .c_page_list").append(page);}}},
转载于:https://my.oschina.net/hrw/blog/1531691
table分页的简单实现逻辑相关推荐
- bootstraptable控制分页_bootstrap table分页(前后端两种方式实现)
bootstrap table分页的两种方式: 前端分页:一次性从数据库查询所有的数据,在前端进行分页(数据量小的时候或者逻辑处理不复杂的话可以使用前端分页) 服务器分页:每次只查询当前页面加载所需要 ...
- bootstrap table 分页_Java入门007~springboot+freemarker+bootstrap快速实现分页功能
本节是建立在上节的基础上,上一节给大家讲了管理后台表格如何展示数据,但是当我们的数据比较多的时候我们就需要做分页处理了.这一节给大家讲解如何实现表格数据的分页显示. 准备工作 1,项目要引入freem ...
- ant design vue table分页
ant design vue table分页设置 1.设置pagination <a-table :columns="columns" :dataSource="d ...
- Vue + Element + Table 分页选择勾选 和取消勾选的问题
Vue + Element + Table 分页选择勾选 和取消勾选的问题 问题描述: 需求是这样的===>表格前面每条数据都有复选框吧 然后表格有很多页 , 我从第一页选取N条数据 再去其他页 ...
- php分页代码简单实现_简单PHP分页
php分页代码简单实现 As this topic comes over and over again in different forms, I've finally decided to writ ...
- 查找表(LUT,Look-up Table)的简单理解
查找表(LUT,Look-up Table)的简单理解 引入:假设有一个 4 输入(a,b,c,d) 1 输出(o) 的逻辑单元,想要了解其内部结构. 输入按照 0000-1111 去遍历,记录输出. ...
- Bootstrap table分页问题汇总
首先非常感谢作者针对bootstrap table分页问题进行详细的整理,并分享给了大家,希望通过这篇文章可以帮助大家解决Bootstrap table分页的各种问题,谢谢大家的阅读. 问题1 :服务 ...
- layui table 分页 序号始终从”1“开始解决方法
layui table 分页 序号始终从"1"开始解决方法 参考文章: (1)layui table 分页 序号始终从"1"开始解决方法 (2)https:// ...
- 使用简单的逻辑方法进行独立思考
使用简单的逻辑方法进行独立思考 这是一个非常复杂的世界,这个世界上有很多各式各样的观点和思维方式,作为一个程序员的我,也会有程序员的思维方式,程序员的思维方式更接近数学的思维方式,数学的思维方式让可以 ...
最新文章
- Forrester:2011年Q2数据库审计与实时保护市场分析报告【更新】
- Java开发面试技巧,Hive-JDBC操作
- 20165212第七周学习总结
- IDLE 策略算法 放置奇兵 小破船翻船记录(悬空岛——冒险(航海))
- 如何在ubuntu 14.04系统下开启nfs网络文件系统
- oracle to_date 大写,oracle账号区分大小写吗2015第一博,Oracle时间段查询,TO_DATE和TO_CHAR使用对比...
- 带有权限设置的Excel协同编辑
- 大数据外部性案例分析_大数据外部性案例分析
- 笔记篇二:鸢尾花数据集分类
- arcgis出界址点成果表_勘测定界界址点坐标成果表(TXT文件)
- 基于抛物线过渡(梯形加减速)的空间直线插补算法与空间圆弧插补算法(Matlab)
- 被Z世代称为B站张子枫,她有一种天然的治愈力。
- intellij idea 破解 2017
- JS图片显示与隐藏案例
- ios swift 纯代码自定义view(控件) XYswitchView
- vue3使用swiper+animate.css动效
- 大数据必学语言Scala(三十三):scala高级用法 模式匹配
- Vue常用的内置指令的底层细节分析
- 一篇优秀的硕士毕业论文是怎么写成的
- PHP初级【10天小积累-第九天】
热门文章
- python各种类型转换-int,str,char,float,ord,hex,oct等
- 像Excel一样使用python进行数据分析(1)
- Elasticsearch之分词器的工作流程
- PhantomJS 与python的结合
- AM335x(TQ335x)学习笔记——GPIO关键驱动移植
- C/C++中善用大括号
- 关于不同用户进入系统报错的请求
- Microsoft SQL Server 2005 Service Pack 2 已经可以下载
- python qq签到_Yii Framework 中文网每天签到 Python 脚本
- 学材分析计算机一体化,计算机一体化教学的体会