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>


表格必须有tbody

0 0
原创粉丝点击