js控制表格静态分页显示
来源:互联网 发布:windows 挂载 编辑:程序博客网 时间:2024/06/10 15:57
<div class="page"></div>
<script src="static/script/jquery.js"></script>
<script src="static/script/jquery.table.js"></script>
<script language="javascript" type="text/javascript">
$(function(){
var $table=$("table");
var currentPage=0;
var pageSize=19;
$table.bind( 'paging', function(){
$table.find('tbody tr').hide().slice(currentPage*pageSize, (currentPage+1)*pageSize).show();
});
var sumRows=$table.find('tbody tr').length;
var sumPages=Math.ceil(sumRows/pageSize);
var $pager=$('<div></div>');
for( var pageIndex=0;pageIndex<sumPages;pageIndex++) {
$('<a href="#"><span>'+(pageIndex+1)+'</span></a>').bind("click",{"newPage":pageIndex},function(event){
currentPage=event.data["newPage"];
$table.trigger("paging");
}).appendTo($pager);
$pager.append(" ");
}
$pager.insertAfter($table);
$table.trigger("paging");
});
<script src="static/script/jquery.js"></script>
<script src="static/script/jquery.table.js"></script>
<script language="javascript" type="text/javascript">
$(function(){
var $table=$("table");
var currentPage=0;
var pageSize=19;
$table.bind( 'paging', function(){
$table.find('tbody tr').hide().slice(currentPage*pageSize, (currentPage+1)*pageSize).show();
});
var sumRows=$table.find('tbody tr').length;
var sumPages=Math.ceil(sumRows/pageSize);
var $pager=$('<div></div>');
for( var pageIndex=0;pageIndex<sumPages;pageIndex++) {
$('<a href="#"><span>'+(pageIndex+1)+'</span></a>').bind("click",{"newPage":pageIndex},function(event){
currentPage=event.data["newPage"];
$table.trigger("paging");
}).appendTo($pager);
$pager.append(" ");
}
$pager.insertAfter($table);
$table.trigger("paging");
});
</script>
表格必须有tbody
0 0
- js控制表格静态分页显示
- js表格分页
- js分页、表格
- js实现表格分页
- 用js控制表格的隐藏与显示
- js用下拉菜单控制表格显示与否
- js用下拉菜单控制表格显示与否
- JS控制表格的列显示和隐藏
- js控制表格
- js控制表格排序
- JS控制表格2
- js控制表格颜色
- ireport控制分页显示
- JS静态分页程序
- jS静态分页代码
- JS静态分页程序
- js实现静态分页
- js实现静态分页
- Android自定义视图
- HDU-1166 敌兵布阵
- requireJs详解(二)
- GridView(实现表格显示图标)
- 用Notepad++格式化js代码
- js控制表格静态分页显示
- Openwrt 编译报错:rootfs image is too big解决方法
- 学习android编程之路(5)— Toast使用方法
- Revit机电二次开发之如何打断机电管线
- POI-----POI核心类
- WEB-INF目录与META-INF目录的作用
- PullToRefresh下拉刷新(内附下载地址)
- 获取windows10小图标消失的解决办法
- 华为 OJ 初级 输入一个int型数据,计算出该int型数据在内存中存储时1的个数。