博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
实现表格分页
阅读量:6333 次
发布时间:2019-06-22

本文共 938 字,大约阅读时间需要 3 分钟。

由于工作需要,经常在开发中需要实现表格分页这种特效,目的的为提升用户体验,减少大数据渲染数量。

分页的分两种,一种是要和服务器交互,另一种是一次性拿到所有数据,在本地做分页处理。本次主要谈论第二种。

分页原理很简单,无非就是数组切片。

最关键是这两句:

var startRow = (currentPage - 1) * pageSize;  //currentPage 为当前页,pageSize为每页显示的数据量

var endRow = currentPage * pageSize -1;

比如我们要将数据每页5条展示,那么第一页的开始行就为 (1-1)* 5 = 0;结束行就为 1 * 5 - 1  = 4 (数组下标从0开始),依次类推,

第二页开始行就为 (2-1)* 5 = 5;结束行就为 2 * 5 - 1  = 9

找到我们需要显示的行的范围然后进行渲染操作

下面是一个简单的表格分页效果

本文仅做个人学习记录之用,如有错误之处,还请网页纠正,谢谢

 

	
Document
ID 用户名 年龄 毕业学校 备注

  

转载于:https://www.cnblogs.com/CDtao/p/7281444.html

你可能感兴趣的文章
C# Memcached缓存
查看>>
iOS开发NSLayoutConstraint代码自动布局
查看>>
正则表达式
查看>>
mysql [ERROR] Can't create IP socket: Permission denied
查看>>
PBRT笔记(4)——颜色和辐射度
查看>>
CustomView的手势缩放总结
查看>>
linux复制指定目录下的全部文件到另一个目录中,linux cp 文件夹
查看>>
CentOS yum安装mysql
查看>>
OceanBase笔记1:代码规范
查看>>
[Algorithms] Longest Increasing Subsequence
查看>>
MAC下GitHub命令操作
查看>>
springboot之filter/listener/servlet
查看>>
Thinkphp --- 去掉index.php
查看>>
Spring+SpringMVC+MyBatis深入学习及搭建(十一)——SpringMVC架构
查看>>
oracle故障解决
查看>>
tcpdump
查看>>
数据库内存结构
查看>>
利用Shell开发跳板机功能脚本案例
查看>>
51CTO的技术门诊谈OSSIM
查看>>
六年心路成长 —— 做自己
查看>>