分页方法

1.下载pagination 插件

2.   js部分

 <script type="text/javascript">
        $(document).ready(function () {
        PageCustom("#hiddenresult-Teacher", "#Searchresult-Teacher", "#Pagination-Teacher");
    });
        function PageCustom(hiddenresult, Searchresult, Pagination) {           
        var iPageSize = 3;
        var rowsLength = $(hiddenresult + " tr").length;
        var initPagination = function () {
            var num_entries = rowsLength;
            // 创建分页
            $(Pagination).pagination(num_entries, {             
                num_edge_entries: 1, //边缘页数
                num_display_entries: parseInt(num_entries / iPageSize), //主体页数
                callback: pageselectCallback,
                items_per_page: iPageSize //每页显示几项
            });
        }();
        function pageselectCallback(page_index, jq) {         
            var max_elem = Math.min((page_index + 1) * iPageSize, rowsLength);
            $(Searchresult).html("");         
            for (var i = page_index * iPageSize; i < max_elem; i++) {
                var new_content = $(hiddenresult + " tr:eq(" + i + ")").clone();
                $(Searchresult).append(new_content); //装载对应分页的内容
            }        
            return false;
        }
    }
    </script>

 

3.HTML部分

<div>
        <table class="TeacherDetailTable" id="hiddenresult-Teacher" style="display:none;">
            <tr>
                <td>fsaasfasfa</td>
                <td>asfasfaf</td>
            </tr>
            <tr>
                <td>afasfdasf</td>
                <td>sadfasfas</td>
            </tr>
            <tr>
                <td>asfasfas</td>
                <td>asdfasfas</td>
            </tr>           
            <tr>
                <td>fsaasfasfa</td>
                <td>asfasfaf</td>
            </tr>           
        </table>
        <table id="Searchresult-Teacher" style="table-layout:fixed;width:100%;"></table>
        <div id="Pagination-Teacher" class="pagination"><!-- 这里显示分页 --></div>
    </div>