第一个：实现的很常见很简单的显示页数翻页
效果图：
•这是HTML代码，很简单滴（我好像看到了被嫌弃的小眼神）
| 姓名 | 性别 | 编号 | 年龄 |
|---|---|---|---|
| 张三 | 男 | ||
| tom | 男 | ||
| 李四 | 男 | ||
| 二蛋 | 男 | ||
| 二丫 | 女 |
•下面就是JS代码了
$(function(){
var $table=$('table');//获取表格对象
var currentPage=;//设置当前页默认值为
var pageSize=;//设置每一页要显示的数目
$table.bind('paging', function () {
$table.find('tbody tr').hide().slice(currentPage*pageSize,(currentPage+)*pageSize).show();
//先将tbody中所有的行隐藏，再通过slice结合当前页数和页面显示的数目展现数据
});
var sumRows=$table.find('tbody tr').length;//获取数据总行数
var sumPages=Math.ceil(sumRows/pageSize);//得到总页数
var $pager=$('');
for(var pageIndex=;pageIndex
第二个：实现前进页和后退页
效果图：
•这是全部代码，用得原生JS，依然还是很简单滴（好像对原生js有种莫名的喜爱，有木有）
table分页
.tablebox{border:solid px #ddd;}
.tablebox td{text-align:center;border:solid px #ddd;padding:px;}
第一页
上一页
下一页
最后一页
第页/共
页
以上内容是小编给大家介绍的JS代码实现table数据分页效果，希望对大家有所帮助，如果大家还有任何问题欢迎给我留言，小编会及时回复大家的，在此也非常感谢大家对考高分网网站的支持！
