jquery实现Gridview,table分页

说明：

1、将gridView的行全设为不显示；

2、每页5条记录。

$(function () {
    var rowCount = $("#gdv tr").length - 1;
    var step = 5;
    var Count = 6;
    $("#gdv tr").hide();
    $("#gdv tr:first").show();
    for (var i = 1; i <= 5; i++) {
        $("#gdv tr:eq(" + i.toString() + ")").show();
    }
       $("#frist").bind("click", function () {
        rowCount = $("#gdv tr").length;
        $("#gdv tr").hide();
        $("#gdv tr:first").show();
        var i = 1
        for (; i < 6; i++) {
            if (i == rowCount) break;
            $("#gdv tr:eq(" + i.toString() + ")").show();
        }
        Count = 6;
    });
    $("#next").bind("click", function () {
        rowCount = $("#gdv tr").length;
        $("#gdv tr").hide();
        $("#gdv tr:first").show();
        var i = Count;
        //alert(i);
        for (; i < Count + 5; i++) {
            if (i == rowCount) break;
          //  alert(i);
            $("#gdv tr:eq(" + i.toString() + ")").show();
        }
        Count = i;
    });
    $("#former").bind("click", function () {
        rowCount = $("#gdv tr").length;
        $("#gdv tr").hide();
        $("#gdv tr:first").show();
        if (Count == rowCount) {
            Count = Count - rowCount % 5+1;
        }
        else {
            Count = Count - 5;
        }
        var i = Count-1;
      //  alert(i);
        for (; i > Count - 6; i--) {
            if (i == 0) break;
           // alert(i);
            $("#gdv tr:eq(" + i.toString() + ")").show();
        }
    });
    $("#last").bind("click", function () {
        rowCount = $("#gdv tr").length;
        $("#gdv tr").hide();
        $("#gdv tr:first").show();
        var i = rowCount;
        var j = rowCount % 5;
        if (j == 0)
            j = 6;
        for (; i > rowCount - j; i--) {
            if (i == 0) break;
            $("#gdv tr:eq(" + i.toString() + ")").show();
        }
        Count = rowCount;
    });
})

转载于:https://my.oschina.net/weiqinxue/blog/725309